小編給大家分享一下小程序開發(fā)中實現(xiàn)地址頁面三級聯(lián)動的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
為彌勒等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及彌勒網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、彌勒網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
我遇到的問題是
cdn.xitu.io/2018/5/29/163aa02a0f83cf57?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
后端給我的數(shù)據(jù)里面有每一個地址對應(yīng)的ID,比如北京:2 北京:50 東城區(qū):500
處理這個數(shù)據(jù)的時候,我根據(jù)原來大神的代碼做了一些修改,
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]) { //當(dāng)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;//地區(qū) list[index].province = this.data.provinces[val[0]].id;//對應(yīng)的傳值ID list[index].city = cityData[val[0]].child[0].id;//對應(yīng)的傳值ID list[index].district = cityData[val[0]].child[0].child[0].id;//對應(yīng)的傳值ID this.setData({ citys: citys, countys: countys, values: val, value: [val[0], 0, 0], addrList: list }) return; } if (val[1] != t[1]) {//當(dāng)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;//對應(yīng)的傳值ID list[index].districtName = cityData[val[0]].child[val[1]].child[0].name;//選擇城市對應(yīng)的地區(qū) list[index].district = cityData[val[0]].child[val[1]].child[0].id;//對應(yīng)的傳值ID this.setData({ countys: countys, values: val, value: [val[0], val[1], 0], addrList: list }) return; } if (val[2] != t[2]) {//當(dāng)val是選擇地區(qū)的時候 list[index].districtName = this.data.countys[val[2]].name;//選擇地區(qū) list[index].district = this.data.countys[val[2]].id;//對應(yīng)的傳值ID this.setData({ county: this.data.countys[val[2]].name, values: val, addrList: list }) return; } } catch(e) { // statements console.log(e); } list里面是有 收貨人,電話,等等信息 但是我只操作改變數(shù)組里面地址改變的信息,
布局方面需要做一些修改的地方就是
看完了這篇文章,相信你對小程序開發(fā)中實現(xiàn)地址頁面三級聯(lián)動的方法有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
當(dāng)前題目:小程序開發(fā)中實現(xiàn)地址頁面三級聯(lián)動的方法
文章來源:http://m.newbst.com/article18/jodhgp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機、軟件開發(fā)、微信小程序、營銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)