这篇文章主要介绍了
微信小程序
使用slider设置数据值及
switch
开关组件功能,结合实例形式分析了slider组件及switch组件的功能与使用方法,并附带源码供读者下载参考,需要的朋友可以参考下
本文实例讲述了微信小程序使用slider设置数据值及switch开关组件功能。分享给大家供大家参考，具体如下：
关键代码
① index.wxml
② index.js
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
使用angular完成Message组件编写
纯CSS制作Switch动画开关按钮
纯CSS制作Switch动画开关按钮
下载
在vue-cli中如何实现组件通信
Vue项目优化需要注意哪些？
在vuejs中使用模块化的方式开发
在VUE中如何实现数组更新功能
如何使用vue-cli实现多页应用
微信小程序组件：滑动选择器slider
最小值：{{min}}
最大值：{{max}}
当前值：{{text}}
---------------------------------
微信小程序组件：开关组件switch
开关组件当前状态：{{switchState}} Page({
data:{
// text:"这是一个页面"
min:'20',
max:'150',
text:'',
switchState:'开'
},
sliderBindchange:function(e){
this.setData({
text:e.detail.value
})
},
switchBindchange:function(e){
if(e.detail.value){
this.setData({
switchState:'开'
})
}else{
this.setData({
switchState:'关'
})
}
}
})