您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

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

2024/5/16 10:34:59发布21次查看
我遇到的问题是
后端给我的数据里面有每一个地址对应的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里面是有 收货人,电话,等等信息 但是我只操作改变数组里面地址改变的信息,
布局方面需要做一些修改的地方就是
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
微信小程序开发容器视图的使用
如何操作js找出字符串中最长回文串
以上就是微信小程序开发中怎样实现地址页面三级联动的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product