避坑|Windows系统两个select下拉框同时出现的问题

215 阅读1分钟

复现场景: Windows系统上,频繁来回点击多个下拉框时,出现下拉框重叠在一起的现象。

问题原因: 当下拉框收起时,焦点还在。

解决方案:

<el-select ref="Select" @visible-change="visibleChange"></el-select>
visibleChange(visible) {
  if (!visible) {
    this.$refs["Select"].blur();
  }
},