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

作者：盐析白兔 | 2024-02-19 11:21:34

踩

vue table 关闭hover

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;
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/114411