1. 程式人生 > >element-ui移除table元件hover背景色事件

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

需求:業務需要刪除功能實現標記即可,並且禁止Action功能。

實現:通過後臺增加一個欄位,判斷資料是否為刪除狀態。通過這個欄位動態為表格行新增class類實現背景色變灰(標記)。

Bug:表格自帶的移入hover事件同樣是改變背景色,所以體驗很不友好。

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

實際:並沒有覆蓋上樣式。

最終解決:不斷的審查元素,檢視官方文件,百度,發現事件是在td上的。所以上圖。

(3個程式碼塊)(上:html)(下左:method)(下右:style)