uniapp 二级选择器

在 uniapp 中可以使用 `uni-picker-view` 组件来实现二级选择器的功能。下面是一个示例代码：

<template>
  <view class="content">
    <uni-picker-view :value="value" @change="onChange">
      <uni-picker-view-column v-for="(item, index) in columns" :key="index">
        <view class="picker-item" v-for="(subItem, subIndex) in item" :key="subIndex">
          {{ subItem }}
        </view>
      </uni-picker-view-column>
    </uni-picker-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        ['北京市', '上海市', '广州市', '深圳市'],
        ['东城区', '西城区', '朝阳区', '海淀区', '丰台区', '石景山区', '通州区', '昌平区', '大兴区', '房山区', '门头沟区', '顺义区', '平谷区', '怀柔区', '密云区', '延庆区']
      ],
      value: [0, 0]
    }
  },
  methods: {
    onChange(e) {
      this.value = e.detail.value;
      console.log('选择的值：', this.columns[0][this.value[0]], this.columns[1][this.value[1]]);
    }
  }
}
</script>

在上面的示例代码中，`columns` 数组定义了两列数据，分别是城市和区县。`value` 数组表示当前选择的值，初始值为选择第一列第一个选项。`uni-picker-view` 组件中嵌套 `uni-picker-view-column` 组件，用来渲染每一列的选项。在 `onChange` 方法中，可以通过 `this.value` 数组获取当前选择的值，进而得到选择的城市和区县。