当前位置:   article > 正文

table表格中下拉列表切换数据再次切换无法触发,select切换option后失焦_el-table select事件不触发

el-table select事件不触发

在这里插入图片描述

问题:新增切换版本功能,版本号数据通过@foccus异步调用接口获取,但是选中以后发现再次点击下拉框不再调用接口,点击右边的小箭头可以触发,原因是切换以后没有失焦,仍处于focus状态所以再次点击无法触发focus事件,失去焦点后再次点击就可以触发

解决方法:选中option以后给当前选项框做失焦。
步骤:1、给select加ref属性,由于是多个select,需要绑定唯一的ref, :ref="select-${scope.row.senCode}"

<el-select
                v-model="scope.row.version"
                :ref="`select-${scope.row.id}`"
                @change="changeVersion(scope.row)"
              >
</el-select>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

步骤:1、给select加ref属性,由于是多个select,需要绑定唯一的ref, :ref="select-${scope.row.senCode}"

changeVersion(row) {
        this.$refs[`select-${row.senCode}`].blur();
    },
  • 1
  • 2
  • 3
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/890797
推荐阅读
相关标签
  

闽ICP备14008679号