vant怎样实现存在2级和3级的展开选择

在 Vant 中，可以使用 Cascader 组件来实现存在 2 级和 3 级的展开选择。Cascader 是一个级联选择器，可以方便地实现多级联动选择。同时，Cascader 还支持自定义选项内容、自定义选项高度、搜索功能等。

在使用 Cascader 组件时，需要传入一个数组作为选项列表，数组的每一个元素都是一个对象，对象中包含 label（显示的文本）和 value（对应的值）两个属性。如果需要实现 3 级级联选择，则在每个对象中再嵌套一个 children 属性，用于存放下一级的选项列表。

下面是一个简单的示例代码：

<van-cascader
  :options="options"
  :title="title"
  :columns="columns"
  v-model="selectedValues"
/>

export default {
  data() {
    return {
      options: [
        {
          value: '1',
          label: '选项1',
          children: [
            {
              value: '1-1',
              label: '选项1-1',
              children: [
                {
                  value: '1-1-1',
                  label: '选项1-1-1'
                },
                {
                  value: '1-1-2',
                  label: '选项1-1-2'
                }
              ]
            },
            {
              value: '1-2',
              label: '选项1-2',
              children: [
                {
                  value: '1-2-1',
                  label: '选项1-2-1'
                },
                {
                  value: '1-2-2',
                  label: '选项1-2-2'
                }
              ]
            }
          ]
        },
        {
          value: '2',
          label: '选项2',
          children: [
            {
              value: '2-1',
              label: '选项2-1',
              children: [
                {
                  value: '2-1-1',
                  label: '选项2-1-1'
                },
                {
                  value: '2-1-2',
                  label: '选项2-1-2'
                }
              ]
            },
            {
              value: '2-2',
              label: '选项2-2',
              children: [
                {
                  value: '2-2-1',
                  label: '选项2-2-1'
                },
                {
                  value: '2-2-2',
                  label: '选项2-2-2'
                }
              ]
            }
          ]
        }
      ],
      title: '请选择',
      columns: 3,
      selectedValues: []
    };
  }
};

这个示例中，options 数组中包含了 2 级和 3 级的选项，并且每个选项都有对应的 value 和 label 属性。在模板中，我们将 options 数组传递给 Cascader 组件的 options 属性，并设置 title 和 columns 属性来控制标题和列数。同时，我们使用 v-model 指令将选中的值绑定到 selectedValues 变量中。

这样，就可以实现一个简单的存在 2 级和 3 级的展开选择。