古之立大事者,不惟有超世之才,亦必有坚忍不拔之志。这篇文章主要讲述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);
,
前端菜鸟一枚,习惯记录平时遇到的一些问题和学习笔记,觉得有用的可以点个支持!
推荐阅读
- 使用Powershell添加网络打印机(带GUI界面)
- 全自动可视化开发,成为敏捷转型落地关键词
- 语义化版本 semantic version 版本的含义 semver
- vue项目打包后文本溢出显示省略号代码消失问题
- PHP使用SW-X框架的Redis-UML组件,对用户信息进行缓存读写
- 笔记本电脑评测网站 notebookcheck
- SREWorks持续交付云原生化: 镜像构建
- 分享三个关于CMDB的小故事
- Python__Django3.2框架