(vue)el-table表格回显返回的已勾选的数据

(vue)el-table表格编辑时回显返回的已勾选的数据


tableData数据:


c 复制代码
el-table
  ref="multipleTable"
  :data="tableData"
  ...
>
	...
  <el-table-column prop="result" label="相关.." align="center" width="220">
    <template slot-scope="scope">
      {{ scope.row.result === 'NaN' ? '-' : scope.row.result }}
    </template>
  </el-table-column>
</el-table>
c 复制代码
aa(){
	...
	//返回数据
	const selectedRows = [{parametersName: "...重量", result: "NaN"}]
	
	this.tableData.forEach(item => {
	  selectedRows.forEach(e => {
	    if (e.parametersName === item.parametersName) {
	      this.$nextTick(() => {
	        this.$refs.multipleTable.toggleRowSelection(item)
	      })
	    }
	  })
	})
}

解决参考:https://blog.csdn.net/m0_73393602/article/details/134883201

相关推荐
一只爱吃糖的小羊1 分钟前
Web Worker 性能优化实战:将计算密集型逻辑从主线程剥离的正确姿势
前端·性能优化
低保和光头哪个先来1 分钟前
源码篇 实例方法
前端·javascript·vue.js
你真的可爱呀8 分钟前
自定义颜色选择功能
开发语言·前端·javascript
小王和八蛋12 分钟前
JS中 escape urlencodeComponent urlencode 区别
前端·javascript
奔跑的web.13 分钟前
TypeScript类型系统核心速通:从基础到常用复合类型包装类
开发语言·前端·javascript·typescript·vue
Misnice13 分钟前
Webpack、Vite 、Rsbuild 区别
前端·webpack·node.js
Kagol17 分钟前
🎉历时1年,TinyEditor v4.0 正式发布!
前端·typescript·开源
丶一派胡言丶17 分钟前
02-VUE介绍和指令
前端·javascript·vue.js
C_心欲无痕19 分钟前
网络相关 - 跨域解决方式
前端·网络
天蓝色的鱼鱼20 分钟前
Vue开发必考:defineComponent与defineAsyncComponent,你真的掌握吗?
前端·vue.js