vue2 - 解决treeselect树形组件获取焦点后无法关闭element的选择器和日期选择器的问题

古之立大事者,不惟有超世之才,亦必有坚忍不拔之志。这篇文章主要讲述vue2 - 解决treeselect树形组件获取焦点后无法关闭element的选择器和日期选择器的问题相关的知识,希望能为你提供帮助。
问题:
【vue2 - 解决treeselect树形组件获取焦点后无法关闭element的选择器和日期选择器的问题】
 
 
解决:
treeselect添加@open="openFun"

/**
              *  菜单打开时发出
              */
            openFun() 
                this.$bus.$emit("closeSelect");
                this.$bus.$emit("closeDatePicker");
            ,

选择器el-select添加ref="elSelect"
mounted() 
            /**
              *  收起下拉菜单
              *  this.$bus.$emit("closeSelect");
              */
            this.$bus.on("closeSelect",()=>
                if(this.$refs.elSelect) 
                    this.$refs.elSelect.blur();
               
            )
        ,
        beforeDestroy() 
            this.$bus.off(closeSelect);
        ,

日期选择器el-date-picker添加ref="elDatePicker"
mounted() 
                /**
                  *  关闭日期时间选择器
                  *  this.$bus.$emit("closeDatePicker");
                  */
                this.$bus.on("closeDatePicker",()=>
                        if(this.$refs.elDatePicker) 
                                this.$refs.elDatePicker.pickerVisible  =  false;
                       
                )
        ,
        beforeDestroy() 
            this.$bus.off(closeDatePicker);
        ,

 
前端菜鸟一枚,习惯记录平时遇到的一些问题和学习笔记,觉得有用的可以点个支持!



    推荐阅读