前端那些事20240126-前端那些事-avue2级联选择器多选

<avue-form v-model="form" :option="option"></avue-form>
<script>
const dic=[{
  value: 'zhinan',
  label: '指南',
  children: [{
    value: 'shejiyuanze',
    label: '设计原则',
    children: [{
      value: 'yizhi',
      label: '一致'
    }, {
      value: 'fankui',
      label: '反馈'
    }]
  }]
}]
export default {
    data() {
      return {
        form:{
          cascader: [ [ "zhinan", "shejiyuanze", "yizhi" ], [ "zhinan", "shejiyuanze", "fankui" ] ]
        },
        option: {
          column: [{
            label: '级联',
            prop: 'cascader',
            type: "cascader",
            dicData: dic,
            multiple: true
          },{
            label: '级联',
            prop: 'cascader',
            type: "cascader",
            dicData: dic,
            tags:true,
            multiple: true
          }]
      }
    }
  }
}
</script>

运行结果