当然先看官方文档 说明搞清楚基本概念
“从底部弹起的滚动选择器,现支持三种选择器,通过来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。”
几个主要属性:
: 选取范围,数据类型为 / ,为 普通选择器 时, 有效;
: 的值表示选择了 中的第几个(下标从 0 开始),数据类型肯定是;
: 绑定事件, 改变时触发 事件,. = {: }。
今天在同一个页面使用多个普通选择器遇到了问题,选择一个选项,其他选项也跟随着改变了.
代码如下:
因为默认索引值(也叫“下标”)都是,绑定事件也只是改变了。所以改变一个选项,其他选项都跟着改变了。
首先想到的是给三个选项自定义不同的索引值1,2,3,分别绑定不同的事件1,2,3改变其对应的索引值,互不干扰。
代码如下:
这样,一个页面使用多个的问题就解决了。但在发现小一个问题。
搜索到也提出了这个问题:
“为什么多个会出现相互影响的问题?比如在第一个选择器选择了3,剩下的选择器点进去默认都是从第3个开始?”
小程序工具(端)中的确存在,也没有好的解决办法。
在这里我多次使用了,于是我想到了使用循环 :,(以后如果还要用可以做成一个模板)
那么数据就要修改为对象的数组( ) ,我理解为格式(不知道对不对)
:绑定数组,当前项的下标变量名默认为,数组当前项的变量名默认为,为了区分选项中的下标
使用 :- 可以指定数组当前元素的变量名为,
使用 :- 可以指定数组当前下标的变量名为
关键点是:自定义一个属性对应当前下标 -="{{}}",绑定事件_触发时判断出是哪个数组对象触发的,就改变该数组对象中的值
完整案例
© 版权声明
本站文章均来自于网络,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,核实后本网站将在24小时内删除侵权内容。邮箱:dxsen@qq.com
THE END