Vue Elementui table表格更新不及时的问题解决

Posted 2023-04-26

参考技术A 产生：使用table表格时候，有时需要对表格数据及表头显示进行操作显示或者隐藏，有时会发生表格数据操作成功，但是ui不发生改变

解决：给table 加 :key="Math.random()"

vue+elementui table表格点击单元格单元格改变背景色

参考技术A <el-table
:data="tableData"
border
@cell-click="cellclick"
:cell-style="tableCellStyle">
</el-table>

data()
row:'',
column:''


cellclick (row, column, cell, event)
this.row = row
this.column = column
,
tableCellStyle (row, rowIndex, column)
if (this.row && this.columnName)
if (this.row === row.row && this.column === row.column)
return 'background-color:#ccc;'
else
return 'background-color:#fff;'

,

来源