微信小程序滑动选择器实现代码
介绍了微信小程序滑动选择器的实现代码,分享给大家,如下:
实现微信小程序的滑动选择效果
在wxml文件中,一个picker标记用来表示选择器,bindchange是用户点击ok后触发的函数,index是picker带来的参数。用户单击“确定”后,可以使用detail.value访问bindchange绑定函数.第一个选择的索引值为0,依次递增。Range应该在page的数据中定义一个数组来赋值,然后数组的值将成为选择器中的一个选项
picker bind change=' bind pickerchange ' value=' { { index } } ' range=' { { array } } ' view class=' choseQuestion ' { chosequestionbank } }/view/picker js文件中对应的数据和函数如下
page({ data : { array :[' all ',' computer network ',' algorithm ',' data structure ',' Linux '),type:0,chosequestionbank 3360 '点击选择'),Bindpickerchange:函数(e){ var that=this console . log(' picker发送选择更改,携带值',e . detail . value)this . set data({ type : e . detail . value,chosequentionbank 3360 that . data array[array.
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。
版权声明:微信小程序滑动选择器实现代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。