vue2.x及vue3.0 使用elementUI中的Cascader 级联选择器,点击立即关闭功能

在vue2.x版本中如果使用级联选择器想要点击任意一级立即关闭的话需要用refs获取当前实例并找到他的一个属性为:

this.$refs.cascaderRef._self.dropDownVisible = false

同时把elementui里面的checkStrictly属性设置为true 这个用的比较少,因为点击任意一级立即关闭用的地方比较少,$refs后面是你自己级联选择器上面绑定的ref

在vue3.0版本中没有dropDownVisible这个属性,他的意思是下拉可见 只要点击时把设置为false就可以点击后就关闭,但是3.0版本已经没有这个属性,同样通过ref获取属性和方法:

cascaderRef._value.popperVisible = false;

它变成了poperVisible 它意识是按钮可见,给它设置为false就可以点击任意一级就关闭级联选择器

你可能感兴趣的:(vue.js,elementui)