el-table row-class-name添加样式，某个时间后再去掉，去掉后是表格一部分样式仍没有改变？

  • Z时代
  • 2024-02-11
  • 分类：IT

需求是 点击表格中蓝色文字后这一行文字变灰色，某个时间后再恢复原样式，这里假设是5s，5s后鼠标划过表格左侧，蓝色字体左边的文字恢复样式了但是蓝色字体右侧的文字样式没有改变仍是灰色
el-table row-class-name添加样式，某个时间后再去掉，去掉后是表格一部分样式仍没有改变？如上图为点击后添加的样式，el-table row-class-name添加样式，某个时间后再去掉，去掉后是表格一部分样式仍没有改变？上图则是5s后鼠标划过第二列后的样式，此时样式中添加的类已经移除掉了 但是为什么不是整行颜色都恢复呢？代码如下，请大佬指点

tableRowClassName({row}){

  let time = new Date().getTime()
  let arr = JSON.parse(window.localStorage.getItem('customerClick'))
  let arr1 = arr.filter(item => item.id === row.id)
  if (arr1.length) {
    if (row.id === arr1[0].id && time < arr1[0].time) {
      return 'click-style'
    } else if (row.id === arr1[0].id && time >= arr1[0].time){
      arr = arr.filter(item => item.id !== row.id)
      window.localStorage.setItem('customerClick', JSON.stringify(arr))
    }
  }
},

回答：

你这个代码看上去不是很对。

time = new Date().getTime() 并不是一个实时的，也就意味着到时间了并不会自动取消。

我不明白你说的 class 已经去掉是通过什么方式确定的。

以上是 el-table row-class-name添加样式，某个时间后再去掉，去掉后是表格一部分样式仍没有改变？ 的全部内容， 来源链接： utcz.com/p/937438.html

回到顶部