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()
    }
相关推荐
疯华整猫1 小时前
被杀掉之后:我把 Android 的「唤起 + 常驻」重做了一遍
前端·面试·架构
ruanno_top2 小时前
点全选,已选的被清空了:Transfer 三态复选框的三个 bug
vue.js
时间的情敌3 小时前
Cesium 加载 3D Tiles 倾斜摄影、压平、样式设置(Vue3 实战)
vue.js·3d·cesium
IT_陈寒3 小时前
Java开发实战:从入门到精通
前端·人工智能·后端
风骏时光牛马4 小时前
生成一个AI转岗经历标题,只需要一个标题,不需要其他的任何文本。
前端
Csvn13 小时前
Monorepo
前端
Csvn13 小时前
流水线
前端
Csvn13 小时前
微前端架构
前端
Linux-lucky15 小时前
45-Linux学习之旅之防火墙与WEB加固
linux·前端·网络·学习·ubuntu
风骏时光牛马17 小时前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端