element级联选择器表单修改时el-cascader文本框进行表单的数据显示

要实现element级联选择器表单修改时el-cascader文本框进行表单的数据显示，可以使用v-model指令实现双向绑定，同时在级联选择器的change事件中监听选中值的变化，更新v-model绑定的数据。具体步骤如下：

1. 在父组件中定义一个对象，用于保存级联选择器的选中值，如：

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

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                }
              ]
            }
          ]
        }
      ],
      selectedOptions: [] // 保存级联选择器选中值的对象
    };
  }
};
</script>

2. 在el-cascader组件上绑定v-model指令，实现双向绑定，同时在change事件中更新v-model绑定的数据，如：

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

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                }
              ]
            }
          ]
        }
      ],
      selectedOptions: [] // 保存级联选择器选中值的对象
    };
  },
  methods: {
    handleChange(value) {
      this.selectedOptions = value;
    }
  }
};
</script>

在change事件中，将选中值赋值给selectedOptions，从而更新v-model绑定的数据。

3. 在el-cascader组件上绑定:props属性，将选中值的文本显示在文本框中，如：

<template>
  <el-cascader
    v-model="selectedOptions"
    :options="options"
    :props="{label: 'label', value: 'value', children: 'children'}"
    @change="handleChange"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                }
              ]
            }
          ]
        }
      ],
      selectedOptions: [] // 保存级联选择器选中值的对象
    };
  },
  methods: {
    handleChange(value) {
      this.selectedOptions = value;
    }
  }
};
</script>

在el-cascader组件上绑定:props属性，将label属性设置为'labal'，从而将选中值的文本显示在文本框中。

这样，当修改级联选择器的选中值时，el-cascader文本框中会自动显示选中值的文本。