<el-cascader ref="sspajcx"
:options="treeselect"
clearable
v-model="liandong"
:props="optionProps"
@change="bmxlChange"></el-cascader>
1、首先添加一个 ref="cascaderHandle"
和clearable
2、在要清空的函数方法中this.$refs.sspajcx.checkedValue=""
即可,这个clear是清空按钮绑定的方法
bmxlChange(value) {
this.$refs.sspajcx.checkedValue=''
},
3、如何在点击级联选择器本身的那个×后,调用某个方法(或进行某个步骤)
在级联选择器@change绑定的方法中设置监听,即
if (this.$refs.sspajcx
.checkedValue.length === 0)
这个就是监听有没有点击级联选择器的清空那个图标
bmxlChange(value) {
let that=this;
if (this.$refs.sspajcx.checkedValue.length === 0){
console.log("清空")
}else{
console.log("正常")
}
},