(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

相关推荐
zzz_236817 分钟前
【Spring】面试突击系列(三):Spring Web MVC 深度解析
前端·spring·面试
colofullove19 分钟前
小说上传中心与异步处理进度展示设计
前端
Marst Code34 分钟前
⚙️ 2026 年推荐技术方案
前端
qq_3660862242 分钟前
测试接口传参数时,放在Header和Body中后台接收参数的区别
java·开发语言·前端
whatever who cares1 小时前
Vue3中vue文件和composables的分工
前端·javascript·vue.js
袋鼠云数栈UED团队1 小时前
基于 superpowers 实现复杂前端改造
前端
袋鼠云数栈前端1 小时前
基于 superpowers 实现复杂前端改造
前端·ai
sugar__salt1 小时前
LLM服务HTTP接口实战:前端HTTP请求全解与项目落地
前端·网络协议·http
十正1 小时前
Claude code源码精读之蜂群模式
javascript·人工智能·agent·claude code
薛先生_0991 小时前
vue-编程式跳转-基本跳转
前端·javascript·vue.js