微信小程序常用组件视频课程-表单组件-slider 滑动选择器 的使用_表单组件用于滑动选择某一个值

提交表单

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：https://edu.csdn.net/topic/huangjuhua

js代码

  /**
   * 页面的初始数据
   */
  data: {

  },
  mychange: function (e) {
    console.log(e.detail.value)
  },
  mysubmit: function (e) {
    console.log(e.detail.value)
  },
1
2
3
4
5
6
7
8
9
10
11
12

wxml代码

<form bindsubmit='mysubmit' bindreset='myreset'>

<slider  show-value name="s1" value='1'  bindchange='mychange' />

<slider min='60' max='150' value='66'  show-value name="s2"  bindchange='mychange'  />

<slider min='60' max='150' step='10'  value='77' show-value name="s3"  bindchange='mychange'  />

<button form-type='submit'>提交</button>
<button form-type='reset'>重置</button>

</form>
1
2
3
4
5
6
7
8
9
10
11
12

欢迎大家收看我的视频教程：微信小程序组件入门到精通
https://edu.csdn.net/course/detail/16193