如何手动 展开 收起 elementui cascader 以及 date 等各种组件的下拉框

今天写下这篇博客的原因是在思否上面看到了好几个人提问怎么关闭date等组件的下拉框  看来遇到这个问题的朋友不少; 今天把自己一点儿小经验分享一下;

 

elementUI是这样的 有时候文档不会写 但是每个有下拉框或者弹窗的组件关闭的方法大同小异 一般都是操作组件的 "v-show"指令; 问题是怎么找到控制其显隐的这个属性; 其实很简单  只要获取这个dom就可以了; 我们只要再组件上加上 ref="dateDom"; 然后可以再控制台打印 "this.$refs.dateDom"; 会输出一个对象  只要你对elementUi足够熟悉 那么不用试  你就知道哪个属性是控制显隐的了  比如下面这个

 

如果你真的对elementUi特别熟悉的话  一眼就看出来有个pickerVisible属性 没错就是这个属性  操作组件下拉框和弹窗显隐的 elementUi里边一般都是visible结尾的   所以找准这个规律  就不难收放自如了