el-cascader数据回显

在 Element-UI 的 Cascader 组件中，数据回显可以通过 v-model 绑定选择的值。当用户选择完毕后，v-model 绑定的变量会被更新为用户选择的值。下面是一个示例代码：

<template>
  <div>
    <el-cascader
      v-model="selectedOptions"
      :options="options"
      :props="props"
      @change="handleChange"
    ></el-cascader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                }
              ]
            }
          ]
        }
      ],
      props: {
        value: 'value',
        label: 'label',
        children: 'children'
      }
    };
  },
  methods: {
    handleChange(value) {
      console.log('Selected: ', value);
    }
  }
};
</script>

在这个示例中，我们通过 v-model 绑定了 selectedOptions 变量，当用户选择完毕后，selectedOptions 变量会被更新为用户选择的值。同时，我们也可以在 @change 事件中获取用户选择的值，并进行相应的处理。