vant的级联选择器怎么实现单选

vant的级联选择器默认是多选的，但是你可以通过设置`cascade`属性为`false`来实现单选。具体实现方法如下：

1. 在`<van-cascade-picker>`组件中添加`cascade="false"`属性，表示关闭级联选择器的多选功能。

2. 在`<van-cascade-picker>`组件中添加`v-model`属性，绑定一个变量来保存选择的结果。

3. 在`<van-cascade-picker>`组件中添加`@change`事件，监听用户选择的结果。在事件回调函数中，可以通过判断选择结果的长度来实现单选功能。

下面是一个简单的例子：

<template>
  <van-cascade-picker
    :data="data"
    cascade="false"
    v-model="selected"
    @change="handleChange"
  />
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          value: '1',
          label: '选项1',
          children: [
            {
              value: '1-1',
              label: '子选项1'
            },
            {
              value: '1-2',
              label: '子选项2'
            }
          ]
        },
        {
          value: '2',
          label: '选项2',
          children: [
            {
              value: '2-1',
              label: '子选项1'
            },
            {
              value: '2-2',
              label: '子选项2'
            }
          ]
        }
      ],
      selected: []
    }
  },
  methods: {
    handleChange(val) {
      if (val.length > 0) {
        this.selected = [val[val.length - 1]]
      }
    }
  }
}
</script>

在上面的例子中，我们通过在`handleChange`方法中判断`selected`数组的长度来实现单选功能。当用户选择一项时，我们只将最后一项添加到`selected`数组中，这样就可以保证`selected`数组中只有一项，即实现了单选功能。