uniapp picker二级联动

uni-app 的 Picker 组件支持实现二级联动，它是一个多级选择器，常用于需要用户从下拉列表中选择多个选项的情况。当第一个选择器（通常称为“上级”或“父级”）发生变化时，会触发其关联的“子级”（通常是另一个 Picker 或者下拉列表）的数据更新，以便显示相关的子级选项。

在uni-app中，你可以通过设置两个 Picker 的值绑定（v-model），并通过数据对象控制它们之间的联动。例如：

<view>
  <picker v-model="parentValue" range="{{ parentOptions }}" @change="parentChange"></picker>
  <picker v-model="childValue" :range="getChildOptions(parentValue)" @change="childChange"></picker>
</view>

<script>
export default {
  data() {
    return {
      parentValue: '',
      parentOptions: ['一级分类'],
      childOptions: [], // 子级选项将会在这里动态生成
    };
  },
  methods: {
    parentChange(val) {
      this.childOptions = this.getChildOptions(val);
    },
    childChange(val) {
      console.log('子级选择改变', val);
    },
    getChildOptions(parentVal) {
      // 根据父级值计算子级选项
      if (parentVal === '一级分类') {
        return ['二级分类1', '二级分类2'];
      }
      // ...其他逻辑
      return [];
    },
  },
};
</script>

在这个例子中，`parentChange` 方法会在父级选择器变化时被调用，更新 `childOptions` 并同步到子级 Picker。`getChildOptions` 函数可以根据父级的值动态生成适合的子级选项。