avue cascader的回显

Avue Cascader 组件可以通过 `v-model` 实现数据的双向绑定，可以将选择的值保存在父组件的数据中。

如果需要实现回显功能，可以在父组件中设置 `v-model` 的初始值为需要回显的数据，这样当组件渲染时，会自动将初始值传递给 Cascader 组件，并展示对应的选项。

例如：

<template>
  <div>
    <avue-cascader v-model="selectedOptions" :options="options" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: ['option1', 'suboption1'], // 初始值为需要回显的数据
      options: [
        {
          value: 'option1',
          label: 'Option 1',
          children: [
            {
              value: 'suboption1',
              label: 'Sub-option 1'
            },
            {
              value: 'suboption2',
              label: 'Sub-option 2'
            }
          ]
        },
        {
          value: 'option2',
          label: 'Option 2',
          children: [
            {
              value: 'suboption3',
              label: 'Sub-option 3'
            },
            {
              value: 'suboption4',
              label: 'Sub-option 4'
            }
          ]
        }
      ]
    }
  }
}
</script>

在上面的例子中，`selectedOptions` 的初始值为 `['option1', 'suboption1']`，表示需要回显选中了 "Option 1" 和 "Sub-option 1" 两个选项。当组件渲染时，会自动将初始值传递给 Cascader 组件，并展示对应的选项。

如果需要在用户选择了新的选项后更新回显数据，可以在 Cascader 组件的 `change` 事件中更新父组件的数据。例如：

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

<script>
export default {
  data() {
    return {
      selectedOptions: ['option1', 'suboption1'], // 初始值为需要回显的数据
      options: [
        {
          value: 'option1',
          label: 'Option 1',
          children: [
            {
              value: 'suboption1',
              label: 'Sub-option 1'
            },
            {
              value: 'suboption2',
              label: 'Sub-option 2'
            }
          ]
        },
        {
          value: 'option2',
          label: 'Option 2',
          children: [
            {
              value: 'suboption3',
              label: 'Sub-option 3'
            },
            {
              value: 'suboption4',
              label: 'Sub-option 4'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleChange(value) {
      this.selectedOptions = value; // 更新父组件的数据
    }
  }
}
</script>

在上面的例子中，当用户选择了新的选项后，`handleChange` 方法会被调用，更新父组件的 `selectedOptions` 数据，从而实现回显功能。