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()
    }
相关推荐
lovemiss4 分钟前
拒绝手动艾特!我用 50 行 JS 实现 npm publish 后钉钉全自动“战报”推送
前端
asuishi7 分钟前
Unix Domain Socket 使用指南
前端
跑跑快跑14 分钟前
PNPM线上部署打包失败
前端
李剑一15 分钟前
一行代码复刻微信红包打开效果,近乎100%还原 | 附源码
前端
invicinble15 分钟前
前端框架使用vue-cli( 第三层:插件配置层)
前端·vue.js·前端框架
Mr数据杨18 分钟前
【Codex】用APP绑定教程模块规范移动端接入指引
java·前端·javascript·django·codex·项目开发
熊出没18 分钟前
02——从 Prompt 到 Workflow
java·前端·prompt
超级无敌谢大脚20 分钟前
【无标题】
开发语言·前端·javascript
GISer_Jing31 分钟前
全栈实战:分支管理到CI/CD全流程
运维·前端·ci/cd·github·devops
隔窗听雨眠41 分钟前
Chrome 安全机制深度解析
前端·chrome·安全