如下图所示:选中之后下拉选择框定位到顶部,并且一直不消失。
找了无法办法,网上说可以设置它的dropDownVisible.测试后无效果,没什么反应。
that.$refs.elcascader.dropDownVisible = false


最后只能原生Dom操作,解决办法:
document.querySelectorAll(".el-cascader__dropdown").forEach(item =>{
if(item.style.display !== 'none'){
console.log(item);
item.style.display = 'none'
}
})

将元素在页面隐藏,唯一的问题就是会一直增加。使用dom删除会一直报错,希望又能解决的小伙伴能留言一下。
博客作者遇到在Vue应用中使用Cascader组件时,下拉选择框定位到顶部并持续显示的问题。尝试设置`dropDownVisible`属性无效,最终通过原生DOM操作隐藏了元素。然而,这种方法导致元素数量持续增加,删除操作又引发错误。作者期待找到更好的解决方案。

2169

被折叠的 条评论
为什么被折叠?



