微客导航 » 文章资讯 » 微信小程序多列选择器range-key使用详解

微信小程序多列选择器range-key使用详解

2023-09-26 09:27:06 293

本文实例为大家分享了微信小程序多列选择器的具体代码，供大家参考，具体内容如下



当前选择：{{objectMultiArray[0][multiIndex2[0]].name}}，{{objectMultiArray[1][multiIndex2[1]].name}}

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);
vardata={
objectMultiArray:this.data.objectMultiArray,
multiIndex2:this.data.multiIndex2
};
data.multiIndex2[e.detail.column]=e.detail.value;
switch(e.detail.column){
case0:
switch(data.multiIndex2[0]){
case0:
data.objectMultiArray[1]=[
{id:0,name:'扁性动物'},
{id:1,name:'线形动物'},
{id:2,name:'环节动物'},
{id:3,name:'软体动物'},
{id:3,name:'节肢动物'}
];
//data.multiArray[2]=['猪肉绦虫','吸血虫'];
break;
case1:
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);
}


})

请记得点赞额！！！

为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

微信小程序多列选择器range-key使用详解

热门推荐

随机推荐