再使用微信小程序時(shí)?

發(fā)現(xiàn) 當(dāng)?mode="region"? ?時(shí)數(shù)據(jù) 選擇的省市區(qū)的數(shù)據(jù)不支持后臺(tái)返回的數(shù)據(jù)

以下實(shí)現(xiàn)后臺(tái)返回?cái)?shù)據(jù)操作

先設(shè)置HTML

name 字段名字要替換掉

<view class=" h-100 b-b l-h-100"><picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" range-key="name" value="{{multiIndex}}" range="{{multiArray}}"><view class="picker flex-r"><view class="bold"><text class="c-f00">*</text>地區(qū)</view> <text> {{multiArray[0][multiIndex[0]].name}}{{multiArray[1][multiIndex[1]].name}}{{multiArray[2][multiIndex[2]].name}} </text></view></picker></view>

在data中

data:{multiArray: [],//地區(qū)multiIndex: [0, 0, 0],type:0, }

首次進(jìn)來查詢省市區(qū)數(shù)據(jù)

// POST 開發(fā)完成 // 獲取省市區(qū)首次調(diào)用 type傳0code 為查詢下級(jí)的id code 為空時(shí)則查詢省getcitycode(type，code){var self=thisvar {multiArray,multiIndex,code,street}=this.dataapp.ajax({code,url: '/shenshiqu',}, function (result) {multiArray[type]=result.data.dataif(type<2)self.getcitycode(type+1,result.data.data[index].taobaoid)})},

當(dāng)滾動(dòng)省獲或者市時(shí) 更新 并聯(lián)動(dòng)

// 選擇省市區(qū)bindMultiPickerChange: function (e) {console.log('picker發(fā)送選擇改變，攜帶值為', e.detail.value)this.setData({multiIndex: e.detail.value})},// 選擇省市區(qū)bindMultiPickerColumnChange: function (e) {console.log('修改的列為', e.detail.column, '，值為', e.detail.value);var data = {multiArray: this.data.multiArray,multiIndex: this.data.multiIndex};data.multiIndex[e.detail.column] = e.detail.value;switch (e.detail.column) {case 0:console.log(data.multiArray[e.detail.column][e.detail.value].taobaoid)this.getcitycode(1,data.multiArray[e.detail.column][e.detail.value].taobaoid)break;case 1:console.log(data.multiArray[e.detail.column][e.detail.value].taobaoid)this.getcitycode(2,data.multiArray[e.detail.column][e.detail.value].taobaoid)break;}this.setData(data);},

喜歡的可以加人前端面試題庫(kù)，方便使用? 微信搜索 “MST題庫(kù)”

或者掃碼查看? 或有問題的掃碼聯(lián)系

?

總結(jié)

以上是生活随笔為你收集整理的实现微信小程序picker 省市区 自定义数据 支持三级联动的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。