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()
    }
相关推荐
hexu_blog3 分钟前
前端vue 后端springboot如何实现图片去水印
前端·javascript·vue.js
whuhewei5 分钟前
React搜索框组件
前端·javascript·react.js
姓王者12 分钟前
Cloudflare Pages自定义依赖安装实践 | 姓王者的博客
前端
spmcor14 分钟前
前端 RBAC 权限控制实战:从零实现动态路由与细粒度按钮权限
vue.js
stringwu16 分钟前
Flutter 开发的 AI 三件套:壮汉、法师、实习生
前端
spmcor17 分钟前
Vue 2 vs Vue 3:核心差异深度剖析与迁移指南
vue.js
代码搬运媛20 分钟前
BFF 架构浅析:再也不用求后端改接口了
前端
ZC跨境爬虫21 分钟前
跟着 MDN 学 HTML day_50:(深入理解 DOM 中的 Text 节点)
前端·javascript·microsoft·ui·html·媒体
ZC跨境爬虫22 分钟前
跟着 MDN 学 HTML day_51:(深入理解 XPathEvaluator 接口)
前端·javascript·ui·html·音视频
wjykp28 分钟前
5.cypher语句组合与复杂操作
linux·前端·javascript