(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

相关推荐
名字越长技术越强5 分钟前
CSS之选择器|弹性盒子模型
前端·css
用户938169125536015 分钟前
VUE3项目--路由切换时展示进度条
前端
小王码农记15 分钟前
vue2中table插槽新语法 v-slot
前端·vue.js
前端婴幼儿20 分钟前
前端直接下载到本地(实时显示下载进度)
前端
三小河20 分钟前
前端 Class 语法从 0 开始学起
前端
hjt_未来可期24 分钟前
js实现复制、粘贴文字
前端·javascript·html
米诺zuo26 分钟前
Next.js 路由与中间件
前端
小明记账簿_微信小程序26 分钟前
webpack实用配置dev--react(一)
前端
linhuai29 分钟前
Flutter如何实现 登录页 和 注册页 不显示底部菜单,其他页面显示底部菜单
前端
videring30 分钟前
打字机效果-支持ckeditor5、框架无关
前端·javascript