(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

相关推荐
xiaoxue..1 分钟前
用 Node.js 手动搭建 HTTP 服务器:从零开始的 Web 开发之旅!
服务器·前端·http·node.js
华仔啊2 分钟前
Vue3图片放大镜从原理到实现,电商级细节展示方案
前端·vue.js·canvas
宇余3 分钟前
Unibest开发避坑指南:20+常见问题与解决方案
前端·vue.js
在逃的吗喽12 分钟前
Spring Boot的web基础配置
前端·spring boot
Glommer13 分钟前
AST 反混淆处理示例
javascript·爬虫
二川bro14 分钟前
第44节:物理引擎进阶:Bullet.js集成与高级物理模拟
开发语言·javascript·ecmascript
越努力越幸运50818 分钟前
JavaScript进阶篇垃圾回收、闭包、函数提升、剩余参数、展开运算符、对象解构
开发语言·javascript
玲小珑31 分钟前
LangChain.js 完全开发手册(十九)前端 AI 开发进阶技巧
前端·langchain·ai编程
哆啦A梦158831 分钟前
46 修改购物车数据
前端·vue.js·node.js
程序员ys34 分钟前
Vue的响应式系统是怎么实现的
前端·javascript·vue.js