官方文档没找到对应的方法,百度搜无果,只能自己想办法。
从VUE的角度我不知道要怎么办,想干脆用最原始的js的代码来解决
说一下思路
1,获取所有的div的
2,定义鼠标离开事件
3,获取下当前是第几个div
4,利用全局变量来操作vue中的cascader 进行隐藏
var items = document.querySelectorAll('.el-cascader__dropdown');
for (var i in items) {
if(typeof items[i]=='object'){
items[i].onmouseleave = function () {
for(var i in items){
if(items[i]==this){
window.elcascader.value[i].popperVisible=false;
break;
}
}
}
}
}