【Vue】el-table 取消鼠标悬浮时行高亮效果

el-table组件,鼠标悬停时会有默认事件:高亮当前行;

可以把颜色设置成背景色,或者任何自己想要的颜色:

div /deep/ .el-table tbody tr:hover>td { 
     background: #ccc!important
  }

但如果设置了stripe属性,表格会呈斑马纹两种颜色交替,设置颜色这个方法就失效了,这时候就可以禁用事件:

//el-table 取消鼠标悬浮时行高亮效果
div /deep/ .el-table tbody tr {
  pointer-events:none;
}

你可能感兴趣的:(vue.js,javascript,html)