微信小程序如何使用slider设置数据值及switch开关组件功能

这篇文章给大家分享的是有关微信小程序如何使用slider设置数据值及switch开关组件功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

具体如下：

1、效果展示

2、关键代码

① index.wxml

微信小程序组件：滑动选择器slider

最小值：{{min}}
最大值：{{max}}
当前值：{{text}}
---------------------------------
微信小程序组件：开关组件switch

开关组件当前状态：{{switchState}}

② index.js

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:'关'
})
}
}
})

感谢各位的阅读！关于“微信小程序如何使用slider设置数据值及switch开关组件功能”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！