el-cascader获取选中值

El Cascader 的获取选中值可以使用 v-model 来进行绑定，选中之后会将选中的值存储在绑定的变量中。例如：

<el-cascader
  v-model="selectedCities"
  :options="options"
  change-on-select
></el-cascader>

// 在 Vue 实例中：
data() {
  return {
    selectedCities: [],
    options: [...]
  }
}

在选中之后，`selectedCities` 就会被赋值为一个数组，数组的各个元素表示选中的每一级选项的值。可以通过访问这个数组来获取选中的值。

相关问题

vue3 el-cascader获取选中值

要获取Vue3中el-cascader组件的选中值，可以使用`v-model`来绑定一个变量来存储选中的值，然后在需要获取选中值的地方使用这个变量即可。

例如，假设我们有一个el-cascader组件：

<el-cascader
  v-model="selectedValue"
  :options="options"
  placeholder="请选择"
  clearable
></el-cascader>

其中`selectedValue`就是我们绑定的变量，用来存储选中的值。

然后，在需要获取选中值的地方，可以直接使用`selectedValue`变量，例如：

console.log(this.selectedValue);

这样就可以获取到el-cascader组件当前选中的值了。

vue3如何获取 el-cascader获取选中值

在 Vue 3 中，使用 `ref` 或 `reactive` 来定义响应式数据。对于 `el-cascader` 组件，可以使用 `v-model` 指令来绑定选中值，然后在组件内部监听 `change` 事件来更新选中值。

下面是一个示例代码：

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

<script>
import { ref } from 'vue';

export default {
  setup() {
    const selectedValue = ref([]);
    const options = [
      {
        value: 'zhinan',
        label: '指南',
        children: [
          {
            value: 'shejiyuanze',
            label: '设计原则',
            children: [
              {
                value: 'yizhi',
                label: '一致'
              },
              {
                value: 'fankui',
                label: '反馈'
              },
              {
                value: 'xiaolv',
                label: '效率'
              },
              {
                value: 'kekong',
                label: '可控'
              }
            ]
          },
          {
            value: 'daohang',
            label: '导航',
            children: [
              {
                value: 'cexiangdaohang',
                label: '侧向导航'
              },
              {
                value: 'dingbudaohang',
                label: '顶部导航'
              }
            ]
          }
        ]
      }
    ];

    function handleChange(value) {
      selectedValue.value = value;
    }

    return {
      selectedValue,
      options,
      handleChange
    };
  }
};
</script>

在组件中，通过 `ref` 定义了 `selectedValue` 响应式数据，并使用 `v-model` 将其与 `el-cascader` 组件的选中值绑定。然后在 `handleChange` 方法中更新选中值。这样，在模板中就可以直接引用 `selectedValue` 来获取选中的值。