小程序if开关设置怎么实现?
小程序if开关设置怎么实现?在接下来的内容中,小编会为大家介绍小程序if开关设置的开发内容,各位微信小程序开发者们,如果你想了解小程序if开关设置怎么实现的话,就跟着小编来看看吧。
小程序if开关设置怎么实现?
首先我们来看看小程序if开关设置以后的效果图是怎样的,微信小程序if开关设置效果图如下:
小程序if开关设置效果展示:
小程序if开关设置关键微信小程序代码:
index.wxml文件
index.js文件
具体的小程序if开关设置的微信小程序代码如下:
index.wxml
微信小程序组件:滑动选择器slider
最小值:{{min}}
最大值:{{max}}
当前值:{{text}} ---------------------------------
微信小程序组件:开关组件switch 开关组件当前状态:{{switchState}}
index.js
Page({ data:
})
{ // text:"这是一个小程序页面" min:'20',
max:'150',
})
text:'', switchState:'开' },
{ this.setData({ switchState:'开' })
}else
})
sliderBindchange:function(e)
{ this.setData({ text:e.detail.value }) },
switchBindchange:function(e){ if(e.detail.value)
{ this.setData({ switchState:'开' })
}else
{ this.setData({ switchState:'关' }) }
}})
})
小程序if开关设置怎么实现?以上是小程序if开关设置的全部内容了哦,各位微信小程序开发者,看完以上全部内容后,您知道小程序if开关怎么设置了吗?希望对您有帮助,请多多关注微小乔。
相关阅读:
微信小程序支付认证具体步骤
微信小程序列表点击开发实例
微信小程序个人主页怎么设计?
上一篇:微信小程序if语句怎么使用?
下一篇:微信小程序发布文章怎么操作?