Vue使用Element的级联选择器Cascader,选中后下拉框自动关闭
**Vue使用Element的级联选择器Cascader,选中后下拉框自动关闭**在级联选择器@change方法中,监听变化,首先添加一个ref=“cascaderHandle”,在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;<el-cascaderplaceholder=“请选择党组织”v-model=
·
在级联选择器@change方法中,监听变化,首先添加一个ref=“cascaderHandle”,在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;
<el-cascader
placeholder="请选择党组织"
v-model="orgs"
:options="orgOptions"
:show-all-levels="false"
:props="props"
ref="cascaderHandle"
@change="orgChange"
clearable>
</el-cascader>
methods:{
//选择后触发事件
orgChange (row) {
console.log(row)
this.$refs.cascaderHandle.dropDownVisible = false; //监听值发生变化就关闭它
},
}
更多推荐
已为社区贡献1条内容
所有评论(0)