问题
因为业务需要,所以出现了不停弹出ElMessageBox
的这种情况,代码如下:
解决方法:
【el-select 的focus事件和ElMessageBox搭配出现的focus死循环问题的解决方法】后来想到应该是
ElMessageBox
组件让el-select
不停地处在focus
的状态上,所以才会不停地触发focus
事件,陷入对话框死循环。所以我就在触发focus
事件的结尾,添加让el-select
失去焦点的方法,刚好官方文档里,el-select
就有一个blur()
方法。这个时候需要用到
ref
了,而在vue3
的setup
里调用$refs
的方式,我先是用了 getCurrentInstance
,但是不知道为何返回的是null
,所以最终用下面的方法解决了重复弹出的问题。