uview2.0的u-picker组件实现省市二级联动

u-picker组件是uView UI库提供的一个选择器组件，可以用于实现类似下拉列表的效果。要实现省市二级联动，可以按照以下步骤进行：

1. 在页面中引入u-picker组件，并设置好需要选择的数据源。

2. 设置u-picker组件的mode属性为"selector"，这样它会以选择器的形式展现出来。

3. 设置u-picker组件的range属性为一个数组，数组的元素为对象，每个对象都包含了省份和城市信息。例如：

range: [
  { 
    province: '北京市', 
    city: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', '平谷区', '密云县', '延庆县']
  },
  {
    province: '天津市',
    city: ['和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '东丽区', '西青区', '津南区', '北辰区', '武清区', '宝坻区', '滨海新区', '宁河区', '静海区', '蓟州区']
  },
  // 其他省市数据...
]

4. 设置u-picker组件的value属性为一个数组，数组的元素分别表示省份和城市被选中的下标。例如：

value: [0, 0]

这表示默认选中北京市的东城区。

5. 设置u-picker组件的eventchange事件，当选中某个省份或城市时，会触发这个事件。在这个事件的回调函数中，可以根据当前选中的省份下标，更新城市数据源。例如：

eventchange(e) {
  const val = e.detail.value
  const range = this.data.range
  const cities = range[val[0]].city
  this.setData({
    cities: cities,
    value: [val[0], 0]
  })
}

这个回调函数会接收一个事件对象e，其中包含了当前选中的省份和城市下标。根据省份下标，可以从数据源中获取对应的城市数据，并更新到页面上。同时，为了避免出现城市数据为空的情况，需要将城市下标设置为0。

6. 在页面中使用u-picker组件，同时设置好相关的属性和事件。例如：

<u-picker mode="selector" range="{{range}}" value="{{value}}" bind:change="eventchange"></u-picker>

这样，就完成了省市二级联动的实现。当选择省份时，城市选项会自动更新，同时可以通过value属性控制默认选中的省份和城市。