返回
小程序

微信小程序多列选择器一次获取后台数据并赋值

2020-05-05 03:5531

  微信小程序的多列选择器picker mode=multiSelector,需要的数组结构往往和后台给的结构不同,需要我们对数组拆分处理后,实现联动效果

  3、因为展示的数组里只能有用于展示的name城市名和门店名,最后根据选中门店的下标,匹配原始数组里的门店id

  js先在data中声明储存数据的变量数组,声明的数组有点多,方便从后台获取数据后,进一步处理

  //某一列的值改变时触发 columnchange 事件 bindPoiPickerColumnChange(e) { console.log(修改的列为umn, ,值为, e.detail.value); let data = { poiTotalArr: that.data.poiTotalArr, poiIndex: that.data.poiIndex } data.poiIndex[e.detail.column] = e.detail.value; switch (e.detail.column) { case 0://第一列滚动时,用第一列下标,匹配第二列的值 for (let i = 0; i that.data.cityArr.length; i++) { if (data.poiIndex[0] == i) { data.poiTotalArr[1] = that.data.poiArr[i]; } } data.poiIndex[1] = 0;//每次滚动第一列时,默认第二列第一项选中 break; } that.setData(data); },

打赏
  • 0人打赏
    举报
关闭
同类新闻