element选择器change监听到选中的打印
时间: 2023-12-22 07:06:11 浏览: 137
在 Vue ElementUI 中,可以通过监听级联选择器的 change 事件来获取选中的值并打印出来。以下是一个示例代码:
```html
<template>
<div>
<el-cascader
v-model="selectedOptions"
:options="options"
@change="handleCascaderChange"
></el-cascader>
</div>
</template>
<script>
export default {
data() {
return {
selectedOptions: [], // 用于存储选中的值
options: [ /* 级联选择器的选项数据 */ ]
};
},
methods: {
handleCascaderChange(value) {
console.log(value); // 打印选中的值
}
}
};
</script>
```
在上面的代码中,`handleCascaderChange` 方法会在级联选择器的选中值发生改变时被调用,并将选中的值作为参数传入。你可以在该方法内部进行打印操作或执行其他逻辑。
阅读全文