Vue使用Element的级联选择器Cascader,选中后下拉框自动关闭
程序员文章站
2022-01-09 09:50:42
这个方法是我在这篇文章中学到的=》详细原理讲解急着用可以先看看我这个简略版的,在级联选择器@change方法中,监听变化,首先添加一个ref="cascaderHandle",在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;
这个方法是我在这篇文章中学到的=》详细原理讲解
急着用可以先看看我这个简略版的,
在级联选择器@change方法中,监听变化,首先添加一个ref="cascaderHandle"
,在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;
<el-cascader
:options="optionData"
ref="cascaderHandle"
clearable
:props="{ expandTrigger: 'hover',checkStrictly :true}"
:show-all-levels="false"
@change="close">
</el-cascader>
close(val){
console.log(val)
this.$refs.cascaderHandle.dropDownVisible = false; //监听值发生变化就关闭它
}
本文地址:https://blog.csdn.net/Sunshine__Girl/article/details/108137036