element table中嵌套el-select 无法选择问题

html 复制代码
              <el-table-column align="left" label="姓名" show-overflow-tooltip :key="tableKey">
                <template slot-scope="scope">
                  <el-select placeholder="请选择" :disabled="!saveButton" v-model="scope.row.firemans" @change="changeFiremans" filterable multiple :key="scope.$index" style="width: 100%">
                    <el-option v-for="item in getPostMember(scope.row)" :key="item.memberUuid" :label="item.memberName" :value="item.memberUuid">
                    </el-option>
                  </el-select>
                </template>
              </el-table-column>

需要在el-table-column上添加:key="tableKey"

tableKey

javascript 复制代码
  data () {
    return {
        tableKey: Math.random()
    }
  }

el-select添加change事件修改tableKey

javascript 复制代码
changeFiremans() {
      this.tableKey = Math.random()
    }
相关推荐
学以智用2 小时前
# Vue3 路由(Vue Router 4)完全指南
前端·vue.js
anyup2 小时前
弃用 vue-i18n?只用 uView Pro 我照样做国际化!
前端·架构·uni-app
大漠_w3cpluscom2 小时前
利用现代 CSS 实现区间选择
前端·css·html
吃素的老虎2 小时前
从零构建 AI 网关(一):WebSocket 服务器实战
前端
酉鬼女又兒3 小时前
HTML基础实例样式详解零基础快速入门Web开发(可备赛蓝桥杯Web应用开发赛道) 助力快速拿奖
前端·javascript·职场和发展·蓝桥杯·html·html5·web
Watermelo6173 小时前
【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦
前端·javascript·vue.js·信息可视化·性能优化·前端框架·设计规范
A923A3 小时前
【Vue3大事件 | 项目笔记】第二天
前端·vue.js·笔记·前端框架·前端项目
万码社3 小时前
小程序开发实战:我手写日历组件踩过的那些坑
前端
工藤新一¹3 小时前
《操作系统》第一章(1)
java·服务器·前端
用户9714171814273 小时前
Flex 和 Grid 详细使用指南:从入门到实战避坑
前端·css