el-cascader选择值取到他全部数据
时间: 2023-11-07 22:08:07 浏览: 113
你可以使用`el-cascader`组件的`change`事件来获取当前选择的所有选项的值,代码示例如下:
```html
<template>
<el-cascader
:options="options"
@change="handleChange"
clearable
expand-trigger="hover"
change-on-select
></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: "zhinan",
label: "指南",
children: [
{
value: "shejiyuanze",
label: "设计原则",
children: [
{
value: "yizhi",
label: "一致",
},
{
value: "fankui",
label: "反馈",
},
{
value: "xiaolv",
label: "效率",
},
{
value: "kekong",
label: "可控",
},
],
},
],
},
],
};
},
methods: {
handleChange(value) {
console.log(value); // 输出数组,包含所有选中选项的值
},
},
};
</script>
```
在`handleChange`方法中,`value`参数是一个数组,包含了所有选中选项的值。您可以将其保存到组件的数据中,或者进行其他操作。
阅读全文