本文实例为大家分享了微信小程序多列选择器的具体代码，供大家参考，具体内容如下
我要评论
<picker mode="multiselector" bindchange="bindmultipickerchange2" bindcolumnchange="bindmultipickercolumnchange2" value="{{multiindex}}" range="{{objectmultiarray}}" range-key="{{'name'}}">
<view class="picker">
当前选择：{{objectmultiarray[0][multiindex2[0]].name}}，{{objectmultiarray[1][multiindex2[1]].name}}
</view>
</picker>
page({
/**
* 页面的初始数据
*/
data: {
objectmultiarray: [
[
{
id: 0,
name: '无脊柱动物'
},
{
id: 1,
name: '脊柱动物'
}
], [
{
id: 0,
name: '扁性动物'
},
{
id: 1,
name: '线形动物'
},
{
id: 2,
name: '环节动物'
},
{
id: 3,
name: '软体动物'
},
{
id: 3,
name: '节肢动物'
}
]
],
multiindex2: [0, 0],
},
bindmultipickerchange2: function (e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setdata({
multiindex2: e.detail.value
})
},
bindmultipickercolumnchange2: function (e) {
console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
var data = {
objectmultiarray: this.data.objectmultiarray,
multiindex2: this.data.multiindex2
};
data.multiindex2[e.detail.column] = e.detail.value;
switch (e.detail.column) {
case 0:
switch (data.multiindex2[0]) {
case 0:
data.objectmultiarray[1] = [
{ id: 0, name: '扁性动物' },
{ id: 1, name: '线形动物' },
{ id: 2, name: '环节动物' },
{ id: 3, name: '软体动物' },
{ id: 3, name: '节肢动物' }
];
// data.multiarray[2] = ['猪肉绦虫', '吸血虫'];
break;
case 1:
data.objectmultiarray[1] = [
{ id: 0, name: '鱼' },
{ id: 1, name: '线形两栖动物' },
{ id: 2, name: '爬行动物' }
];
break;
}
data.multiindex2[1] = 0;
// data.multiindex[2] = 0;
break;
}
this.setdata(data);
}
})
请记得点赞额！！！
为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
如对本文有疑问， 点击进行留言回复！！
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论