ElementUI框架 el-input和el-select组件失焦问题
ElementUI框架 el-input和el-select组件失焦问题
el-input,el-select添加filterable属性后,如果都是打开一个弹窗页面,这两个组件的焦点事件并没有取消,就会出现如下问题(就是选择的下拉框会和弹窗同在一个z-index上,都是因为没有失焦引起的,Bug重现步骤:el-select添加filterable属性,选择值后,并打开弹窗,此时下拉框还没出现,当你在同浏览器切屏刷新任何一个页面时,再回来当前页面,这时下拉框会重新打开,出现了下图的Bug)
解决方案:
在组件上添加ref="select"方便获取组件,以及事件@visible-change="visibleChange"。
添加方法:
//html:
<el-form-item label="input输入框" prop="str1">
<el-input
type="text"
v-model.trim="addForm.str1"
placeholder="输入内容"
style="width:100%;"
c