您当前的位置: 首页 > 知识百科 > 小程序if开关设置怎么实现?

小程序if开关设置怎么实现?

时间:2023-07-01 14:05 阅读数:35 人阅读 分类:知识百科

  小程序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开关怎么设置了吗?希望对您有帮助,请多多关注微小乔。

相关阅读:

微信小程序支付认证具体步骤

微信小程序列表点击开发实例

微信小程序个人主页怎么设计?