element-ui移除table组件hover背景色事件

版权声明:QAQ https://blog.csdn.net/mineblogjw/article/details/82793661

需求:业务需要删除功能实现标记即可,并且禁止Action功能。

实现:通过后台增加一个字段,判断数据是否为删除状态。通过这个字段动态为表格行添加class类实现背景色变灰(标记)。

Bug:表格自带的移入hover事件同样是改变背景色,所以体验很不友好。

解决想法:.el-table  .el-table__body  .delstatu:hover{ background: #6c6c6c!important; }。

实际:并没有覆盖上样式。

最终解决:不断的审查元素,查看官方文档,百度,发现事件是在td上的。所以上图。

(3个代码块)(上:html)(下左:method)(下右:style)

猜你喜欢

转载自blog.csdn.net/mineblogjw/article/details/82793661
今日推荐