去除element-ui中table组件的hover效果

前言

在一个项目中需要对element-ui的table组件进行一些样式的修改，其中就包括对hover效果的处理，也是在网上查看了一些文章，总结出了几种方法，在这里跟大家分享一下。

方法一

.el-table tbody tr:hover > td {
      background-color: transparent;
 }

方法二

:cell-style="{background:'#fff'}"

方法三

tr {
    pointer-events: none;
  }

注意：在使用该方法时其它的事件也会被阻止，如果表格有其它的功能（增、删、改）时，可以使用方法四

方法四

:cell-style="{background: 'revert'}"