element的Cascader或者Select如何控制下拉的显示隐藏?

element的Cascader或者Select如何控制下拉的显示隐藏?_第1张图片

    现在做项目的时候遇见个问题,要其他元素来控制cascader的下拉显示、
    直接上代码!

element的Cascader或者Select如何控制下拉的显示隐藏?_第2张图片

    
    可以直接使用 ref 来操作DOM,修改里面的参数来达到操控显示的目的。
    哪里需要操控 下拉 直接 通过 this.$refs.cascader来获取这个DOM的内容
    可能有些人打印出来就有点蒙,太多了根本不知道那个,如图下面,

element的Cascader或者Select如何控制下拉的显示隐藏?_第3张图片

     
    来通过this.$refs.cascader._data.dropDownVisible控制true(显示) 跟 false(隐藏);

如果解决了您的问题 麻烦动动你的小手,点个赞加个关注 ,

你可能感兴趣的:(前端vue.js)