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

最新推荐文章于 2024-09-19 16:01:06 发布

nyf_unknown

最新推荐文章于 2024-09-19 16:01:06 发布

阅读量1.1k

点赞数 9

分类专栏： VUE 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44754635/article/details/137079071

版权

VUE 专栏收录该内容

191 篇文章 2 订阅

订阅专栏

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

在这里插入图片描述

tableData数据：

在这里插入图片描述

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>

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)
	      })
	    }
	  })
	})
}