点击行设置样式,在已经使用@row-click的情况下,不同使用其他的事件的时候

点击行设置样式,在已经使用@row-click的情况下,不同使用其他的事件的时候,出现耦合性的时候,解决方案

  在<el-table>标签中使用  highlight-current-row

  实例:

  1.在表格中设置属性

  <el-table
            :data="deptOptions"
            @row-click="handleNodeClick"
            highlight-current-row
            border
            height="550"
          >
  2. 在样式中依照此类进行设置  
    ::v-deep .el-table__body{
      tr.current-row{
          background-color: #eee !important;
            td{
            background-color: #eee !important;
          }
      }
   }
posted @ 2022-08-18 12:06  一封未寄出的信  阅读(216)  评论(0编辑  收藏  举报