微信小程序基于采摘者实现级联菜单
本文实例为大家分享了微信小程序实现级联菜单的具体代码,供大家参考,具体内容如下
视图选取器bindchange='bindPickerChange0 '值=“{ { brandindex } }”范围='{{brands}} '视图类='选取器'品牌:{ { brands[brandindex]} }/view/picker/view view picker bind change=1 ' value=' { { index 1 } } ' range=' { { object } } ' view class=' picker '配件类别:{ { object[index 1]} }/view/picker/view data : { brands :[],objectarray :[{ brands : '博世,id: 0,array: ['博世喷油器配件', '博世传感器', '杰克赛尔配件', '博世油泵配件', '博世共轨管配件','博世泵喷嘴] },{ brand: '德尔福,id: 1,array: ['德尔福喷油器配件', '德尔福传感器', '德尔福油泵', '德尔福共轨管配件', '德尔福滤清器', '德尔福电脑版电子控制单元','德尔福机油', '德尔福维修部件] },{ brand: '卡特,id: 2,array: ['卡特传感器', '卡特C7C9泵喷嘴','卡特共轨配件] },{ brand: '康明斯,id: 3,array: ['西康配件', '东风康明斯','福田康明斯] } ]、object:[]、brandindex:0、index1:0 }、onload : function(){ var objectArray=this。数据。objectArray var brands=[]for(var I=0;I ObJect array . lentigi){ brands . push(ObJect array[I]).品牌,)}这个。setdata({ brands : brands,object : objectArray[this。数据。brandindex].数组}) },bindPickerChange0:函数{这个。setdata({ brandindex : e . detail。值,索引1:0 })var objectArray=this。数据。objectArray这个。setdata({ object : objectArray[this。数据。brandindex].array}) },bindPickerChange1:函数{这个。Set DATa({ index 1: e . detail。value })},效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:微信小程序基于采摘者实现级联菜单是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。