怎么在微信小程序中使用picker实现级联菜单

今天就跟大家聊聊有关怎么在微信小程序中使用picker实现级联菜单，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

具体内容如下

<view >  <picker bindchange="bindPickerChange0" value="{{brandindex}}" range="{{brands}}">   <view class="picker">    品牌：{{brands[brandindex]}}   </view>  </picker> </view>   <view >  <picker bindchange="bindPickerChange1" value="{{index1}}" range="{{object}}">   <view class="picker">    配件类别：{{object[index1]}}   </view>  </picker> </view>

data: {   brands: [],   objectArray: [    {     brand:"博世",     id: 0,     array: ["博世喷油器配件", "博世传感器", "杰克赛尔配件", "博世油泵配件", "博世共轨管配件","博世泵喷嘴"]    },    {     brand: "德尔福",     id: 1,     array: ["德尔福喷油器配件", "德尔福传感器", "德尔福油泵", "德尔福共轨管配件", "德尔福滤清器", "德尔福电脑版ECU", "德尔福机油", "德尔福维修部件"]    },    {     brand: "卡特",     id: 2,     array: ["卡特传感器", "卡特C7C9泵喷嘴","卡特共轨配件"]    },    {     brand: "康明斯",     id: 3,     array: ["西康配件", "东风康明斯","福田康明斯"]    }   ],   object:[],   brandindex:0,   index1:0  },  onLoad:function(){   var objectArray = this.data.objectArray   var brands=[]   for (var i = 0; i < objectArray.length;i++){    brands.push(objectArray[i].brand,)    }   this.setData({ brands: brands ,object: objectArray[this.data.brandindex].array})  },  bindPickerChange0: function (e) {   this.setData({ brandindex: e.detail.value, index1:0 })   var objectArray = this.data.objectArray   this.setData({ object: objectArray[this.data.brandindex].array})  },  bindPickerChange1: function (e) {   this.setData({    index1: e.detail.value   })  },

看完上述内容，你们对怎么在微信小程序中使用picker实现级联菜单有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。