微信小程序开发中怎样实现地址页面三级联动

微信小程序开发中怎样实现地址页面三级联动

我遇到的问题是

后端给我的数据里面有每一个地址对应的ID，比如北京：2 北京：50 东城区：500

处理这个数据的时候，我根据原来大神的代码做了一些修改，

let val = e.detail.value, t = this.data.values, cityData = this.data.cityData, index = this.data.id, list = this.data.addrList; list[index].area = true; try { if (val[0] != t[0]) { //当val是选择省份的时候 const citys = []; const countys = []; cityData[val[0]].child.map(item => citys.push({name:item.name,id:item.id})); cityData[val[0]].child[0].child.map(item => countys.push({name:item.name,id:item.id})); list[index].provinceName = this.data.provinces[val[0]].name;//省份 list[index].cityName = cityData[val[0]].child[0].name;//城市 list[index].districtName = cityData[val[0]].child[0].child[0].name;//地区 list[index].province = this.data.provinces[val[0]].id;//对应的传值ID list[index].city = cityData[val[0]].child[0].id;//对应的传值ID list[index].district = cityData[val[0]].child[0].child[0].id;//对应的传值ID this.setData({ citys: citys, countys: countys, values: val, value: [val[0], 0, 0], addrList: list }) return; } if (val[1] != t[1]) {//当val是选择城市的时候 const countys = []; cityData[val[0]].child[val[1]].child.map(item => countys.push({name:item.name,id:item.id})); list[index].cityName = this.data.citys[val[1]].name;// 选择城市 list[index].city = this.data.citys[val[1]].id;//对应的传值ID list[index].districtName = cityData[val[0]].child[val[1]].child[0].name;//选择城市对应的地区 list[index].district = cityData[val[0]].child[val[1]].child[0].id;//对应的传值ID this.setData({ countys: countys, values: val, value: [val[0], val[1], 0], addrList: list }) return; } if (val[2] != t[2]) {//当val是选择地区的时候 list[index].districtName = this.data.countys[val[2]].name;//选择地区 list[index].district = this.data.countys[val[2]].id;//对应的传值ID this.setData({ county: this.data.countys[val[2]].name, values: val, addrList: list }) return; } } catch(e) { // statements console.log(e); }list里面是有 收货人，电话，等等信息 但是我只操作改变数组里面地址改变的信息，-

布局方面需要做一些修改的地方就是

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。