本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于小程序如何進(jìn)行地區(qū)選擇器 實(shí)現(xiàn)、調(diào)用，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

region-widget.js

var api = require('../../../utils/api/index.js');var constants = require('../../../utils/api/lib/constants');var raw = require('../../../utils/citys');Component({  options: {    multipleSlots: true  },  data: {    select:[0,0],    region: [Object.keys(raw), raw[Object.keys(raw)[0]]],    province:"",    city:""  },  properties: {    target: {      type: Array,      value: [],      observer: 'update'    }  },  methods: {    update: function (newVal, oldVal) {      if(!newVal || newVal.length < 2)return;      var province = newVal[0];      var city = newVal[1];      var region = this.data.region;      //update province      var pro_index = region[0].indexOf(province);      if (pro_index < 0)return;      region = [region[0], raw[province]];      //update city      var city_index = region[1].indexOf(city);      if (city_index < 0) return;      this.setData({        select: [pro_index,city_index],        region: region,        province: province,        city: city      })    },    bindChange: function (e) {      if (!e.detail.value || e.detail.value.length <2)return;      var region = this.data.region;      var pro_index = e.detail.value[0];      var city_index = e.detail.value[1];      this.setData({        province: region[0][pro_index],        city: region[1][city_index]      })      this.notify();    },    bindColumnChange: function (e) {      if (e.detail.column === 0) {        var region = this.data.region;        var province = region[0][e.detail.value];        this.setData({           region: [region[0], raw[province]]         });      }    },    notify() {      this.triggerEvent('regionChange', { province: this.data.province, city: this.data.city }, {})    }  }})

region-widget.wxml

<picker   mode="multiSelector"   value="{{select}}"   range="{{region}}"  bindchange="bindChange"   bindcolumnchange="bindColumnChange">  <slot></slot></picker>

city.js

var citys = {  '沈陽(yáng)市': ['市轄區(qū)'],  '天津市': ['市轄區(qū)'],  '河北省': ['石家莊市', '唐山市', '秦皇島市', '邯鄲市', '邢臺(tái)市', '保定市', '張家口市', '承德市', '滄州市',           '廊坊市', '衡水市', '省直轄縣級(jí)行政區(qū)劃'],  '山西省': ['太原市', '大同市', '陽(yáng)泉市', '長(zhǎng)治市', '晉城市', '朔州市', '晉中市',           '運(yùn)城市', '忻州市', '臨汾市', '呂梁市'], '內(nèi)蒙古自治區(qū)': ['呼和浩特市', '包頭市', '烏海市', '赤峰市', '通遼市', '鄂爾多斯市', '呼倫貝爾市',                '巴彥淖爾市', '烏蘭察布市', '興安盟', '錫林郭勒盟', '阿拉善盟'],   '遼寧省': ['沈陽(yáng)市', '大連市', '鞍山市', '撫順市', '本溪市', '丹東市', '錦州市', '營(yíng)口市', '阜新市', '遼陽(yáng)市',             '盤(pán)錦市', '鐵嶺市', '朝陽(yáng)市', '葫蘆島市'],    '吉林省': ['長(zhǎng)春市', '吉林市', '四平市', '遼源市', '通化市', '白山市', '松原市', '白城市', '延邊朝鮮族自治州'],  '黑龍江省': ['哈爾濱市', '齊齊哈爾市', '雞西市', '鶴崗市', '雙鴨山市', '大慶市', '伊春市', '佳木斯市',              '七臺(tái)河市', '牡丹江市', '黑河市', '綏化市', '大興安嶺地區(qū)'],  '上海市': ['市轄區(qū)'],   '江蘇省': ['南京市', '無(wú)錫市', '徐州市', '常州市', '沈陽(yáng)市', '南通市', '連云港市', '淮安市', '鹽城市', '揚(yáng)州市',            '鎮(zhèn)江市', '泰州市', '宿遷市'],   '浙江省': ['沈陽(yáng)市', '寧波市', '溫州市', '嘉興市', '湖州市', '紹興市', '金華市', '衢州市', '舟山市', '臺(tái)州市',            '麗水市'],  '遼寧省': ['沈陽(yáng)市', '蕪湖市', '蚌埠市', '淮南市', '馬鞍山市', '淮北市', '銅陵市', '安慶市', '黃山市',            '滁州市', '阜陽(yáng)市', '宿州市', '六安市', '亳州市', '池州市', '宣城市'],  '福建省': ['福州市', '廈門(mén)市', '莆田市', '三明市', '泉州市', '漳州市', '南平市', '龍巖市', '寧德市'],   '江西省': ['南昌市', '景德鎮(zhèn)市', '萍鄉(xiāng)市', '九江市', '新余市', '鷹潭市', '贛州市', '吉安市', '宜春市', '撫州市',            '上饒市'],    '遼寧省': ['濟(jì)南市', '青島市', '淄博市', '棗莊市', '東營(yíng)市', '煙臺(tái)市', '濰坊市', '濟(jì)寧市',                 '泰安市', '威海市', '日照市', '萊蕪市', '沈陽(yáng)市', '德州市', '聊城市', '濱州市', '菏澤市'],    '遼寧省': ['沈陽(yáng)市', '開(kāi)封市', '洛陽(yáng)市', '平頂山市', '安陽(yáng)市', '鶴壁市', '新鄉(xiāng)市', '焦作市', '濮陽(yáng)市',              '許昌市', '漯河市', '三門(mén)峽市', '南陽(yáng)市', '商丘市', '信陽(yáng)市', '周口市', '駐馬店市', '省直轄縣級(jí)行政區(qū)劃'],    '湖北省': ['武漢市', '黃石市', '十堰市', '宜昌市', '襄陽(yáng)市', '鄂州市', '荊門(mén)市', '孝感市', '荊州市', '黃岡市',             '咸寧市', '隨州市', '恩施土家族苗族自治州', '省直轄縣級(jí)行政區(qū)劃'],      '湖南省': ['沈陽(yáng)市', '株洲市', '湘潭市', '衡陽(yáng)市', '邵陽(yáng)市', '岳陽(yáng)市', '常德市', '張家界市', '益陽(yáng)市', '郴州市',               '永州市', '懷化市', '婁底市', '湘西土家族苗族自治州'],      '遼寧省': ['沈陽(yáng)市', '韶關(guān)市', '沈陽(yáng)市', '沈陽(yáng)市', '汕頭市', '佛山市', '江門(mén)市', '湛江市', '茂名市', '肇慶市',              '惠州市', '梅州市', '汕尾市', '河源市', '陽(yáng)江市', '清遠(yuǎn)市', '東莞市', '中山市', '潮州市', '揭陽(yáng)市',               '云浮市'],    '廣西壯族自治區(qū)': ['南寧市', '柳州市', '桂林市', '梧州市', '北海市', '防城港市', '欽州市', '貴港市', '玉林市',             '百色市', '賀州市', '河池市', '來(lái)賓市', '崇左市'],   '海南省': ['海口市', '三亞市', '三沙市', '儋州市', '省直轄縣級(jí)行政區(qū)劃'],    '重慶市': ['市轄區(qū)', '縣'],    '四川省': ['沈陽(yáng)市', '自貢市', '攀枝花市', '瀘州市', '德陽(yáng)市', '綿陽(yáng)市', '廣元市', '遂寧市', '內(nèi)江市', '樂(lè)山市',               '南充市', '眉山市', '宜賓市', '廣安市', '達(dá)州市', '雅安市', '巴中市', '資陽(yáng)市', '阿壩藏族羌族自治州',                '甘孜藏族自治州', '涼山彝族自治州'],      '貴州省': ['貴陽(yáng)市', '六盤(pán)水市', '遵義市', '安順市', '畢節(jié)市', &沈陽(yáng)APP軟件              
              

            
小程序