前端那些事20240126-前端那些事-avue2级联选择器基础用法

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

运行结果