微信小程序省市区联动，自定义地区字典

　　

 

　　最近在做一个项目的时候遇到了这么一个问题，就是省市区的联动呢，我们需要自定义字典来设置，那么微信小程序自带的省市区选择就不能用了，经过三根烟的催化，终于写出来了。下面献上代码示例。

　　首先是在utils文件夹存入arealist.js文件，内容为：

const areaList=[
  {
    name:'河南',
    id:1,
    parentId:0
  },{
    name:'浙江',
    id:2,
    parentId:0
  },{
    name:'郑州',
    id:3,
    parentId:1
  },{
    name:'新乡',
    id:4,
    parentId:1
  },{
    name:'洛阳',
    id:5,
    parentId:1
  },{
    name:'二七区',
    id:6,
    parentId:3
  },{
    name:'金水区',
    id:7,
    parentId:3
  },{
    name:'高新区',
    id:8,
    parentId:3
  },{
    name:'中原区',
    id:9,
    parentId:3
  },{
    name:'封丘县',
    id:10,
    parentId:4
  },{
    name:'原阳县',
    id:11,
    parentId:4
  },{
    name:"延津县",
    id:12,
    parentId:4
  },{
    name:'获嘉县',
    id:13,
    parentId:4
  },{
    name:'孟津县',
    id:14,
    parentId:5
  },{
    name:'新安县',
    id:15,
    parentId:5
  },{
    name:'杭州市',
    id:16,
    parentId:2
  },{
    name:'台州市',
    id:17,
    parentId:2
  },{
    name:'西湖区',
    id:18,
    parentId:16
  },{
    name:'滨江区',
    id:19,
    parentId:16
  },{
    name:'余杭区',
    id:20,
    parentId:16
  },{
    name:'椒江区',
    id:21,
    parentId:17
  },{
    name:'黄岩区',
    id:22,
    parentId:17
  }
];
module.exports = areaList;

View Code