小程序 地区选择器 实现、调用

最近花了两周时间很急的上线了一个小程序，“CP对对碰“，上线后数据还可以，感觉小程序用来试错效果很好。今天才算缓过来，所以整理一下这段时间写的东西。 
背景是用了官方API上的地区选择器具之后点选不了，看报错是地区的值没有PUSH进去，而且不是全部机器都有问题。

官方文档在这里 
用法是这样的

 <view class="section__title">省市区选择器</view>
 <picker mode="region" bindchange="bindRegionChange" value="{
     {
     region}}" custom-item="{
     {
     customItem}}">
   <view class="picker">
     当前选择：{
     {
     region[0]}}，{
     {
     region[1]}}，{
     {
     region[2]}}
   </view>
 </picker>

• 1
• 2
• 3
• 4
• 5
• 6

Page({
    data: {
        region: ['广东省', '广州市', '海珠区'],
        customItem: '全部'
    },
    bindRegionChange: function (e) {
      console.log('picker发送选择改变，携带值为', e.detail.value)
      this.setData({
        region: e.detail.value
      })
    }
    ...
})

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

因为我们只需要省份和城市，最后我是这样解决的： 
1，把地区选择器改为多项选择器 
2，自己整理了省份-城市的数据：

var citys = {
  '北京市': ['市辖区'],
  '天津市': ['市辖区'],
  '河北省': ['石家庄市', '唐山市', '秦皇岛市', '邯郸市', '邢台市', '保定市', '张家口市', '承德市',