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()
    }
相关推荐
excel5 分钟前
🔍 Vue 模板编译中的资源路径转换机制:transformAssetUrl 深度解析
前端
excel7 分钟前
Vue 模板编译中的 srcset 机制详解:从 HTML 语义到编译器实现
前端
excel7 分钟前
🌐 从 Map 到 LRUCache:构建智能缓存工厂函数
前端
excel8 分钟前
Vue 模板编译中的资源路径转换:transformSrcset 深度解析
前端
excel16 分钟前
Vue 工具函数源码解析:URL 解析与分类逻辑详解
前端
excel18 分钟前
Vue SFC 样式预处理器(Style Preprocessor)源码解析
前端
excel20 分钟前
深度解析:Vue Scoped 样式编译原理 —— vue-sfc-scoped 插件源码详解
前端
excel22 分钟前
Vue SFC Trim 插件源码解析:自动清理多余空白的 PostCSS 实现
前端
excel25 分钟前
Vue SFC 样式变量机制源码深度解析:cssVarsPlugin 与编译流程
前端
excel28 分钟前
🧩 Vue 编译工具中的实用函数模块解析
前端