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()
    }
相关推荐
carterwu9 分钟前
各个大厂是怎么实现组件库和相应扩展的?基础组件、区块、页面
前端
Face10 分钟前
promise 规范应用
前端
Mintopia10 分钟前
Node.js 中 fs.readFile API 的使用详解
前端·javascript·node.js
Face12 分钟前
事件循环
前端·javascript
ONE_Gua14 分钟前
chromium魔改——navigator.webdriver 检测
前端·后端·爬虫
CodePencil14 分钟前
CSS专题之盒模型
前端·css
谦谦橘子14 分钟前
服务端渲染原理解析
前端·javascript·react.js
carterwu15 分钟前
umi+模块联邦-配置指南
前端
Mintopia15 分钟前
深入理解 Three.js 中的 PerspectiveCamera
前端·javascript·three.js
ElasticPDF-新国产PDF编辑器19 分钟前
Vue use pdf.js and Elasticpdf tutorial
vue.js·pdf