el-cascader 保存与回显

el-cascader 是一个基于 element-ui 的级联选择器组件，用于进行多层级的数据选择。要保存和回显 el-cascader 的选中值，你可以按照以下步骤进行操作：

1. 保存选中值：当 el-cascader 的选中值发生变化时，你可以使用 `@change` 事件来保存选中值。在事件处理函数中，将选中的值存储到一个变量或者数据对象中。

例如，在 Vue 的组件中，可以这样保存选中值：

<template>
  <el-cascader
    v-model="selectedValues"
    :options="options"
    @change="saveSelectedValues"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [], // 用于保存选中值的数组
      options: [/* 级联选择器的选项数据 */]
    };
  },
  methods: {
    saveSelectedValues(selectedOptions) {
      this.selectedValues = selectedOptions.map(option => option.value);
    }
  }
};
</script>

2. 回显选中值：当需要回显选中值时，将之前保存的选中值赋给 el-cascader 的 `v-model`。

例如，在 Vue 的组件中，可以这样回显选中值：

<template>
  <el-cascader
    v-model="selectedValues"
    :options="options"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [], // 用于保存选中值的数组
      options: [/* 级联选择器的选项数据 */]
    };
  },
  created() {
    // 从存储中获取之前保存的选中值
    const savedValues = /* 从存储中获取选中值的逻辑 */;
    this.selectedValues = savedValues;
  }
};
</script>

通过以上步骤，你可以实现 el-cascader 的选中值的保存与回显。根据你使用的具体框架和数据存储方式，可以进行适当的调整。