vant。picker二级联动

vant.picker组件是一个移动端的选择器组件，可以实现多级联动的选择功能。对于二级联动，可以使用`columns`属性来设置选择器的选项。

首先，你需要设置两个数组，分别表示第一级和第二级的选项数据。然后在`columns`属性中组合这两个数组，即可实现二级联动的效果。

以下是一个使用vant.picker实现二级联动的示例代码：

<template>
  <van-picker
    :columns="columns"
    @change="onChange"
  ></van-picker>
</template>

<script>
export default {
  data() {
    return {
      // 第一级选项数据
      firstOptions: [
        { text: '选项1', value: '1' },
        { text: '选项2', value: '2' },
        { text: '选项3', value: '3' }
      ],
      // 第二级选项数据
      secondOptions: [
        { text: '选项A', value: 'A' },
        { text: '选项B', value: 'B' },
        { text: '选项C', value: 'C' }
      ],
      // 当前选择的值
      selectedValue: []
    };
  },
  computed: {
    // 组合两个数组，生成columns数据
    columns() {
      return [this.firstOptions, this.secondOptions];
    }
  },
  methods: {
    // 选择器值改变时触发的方法
    onChange(value) {
      this.selectedValue = value;
    }
  }
};
</script>

在上面的代码中，`firstOptions`和`secondOptions`分别表示第一级和第二级的选项数据。`columns`属性通过计算属性生成，将两个数组组合在一起。`selectedValue`用于保存当前选择的值，可以通过绑定的`change`事件获取选择器的值改变。