element-ui頁面中使用row-class-name高亮指定行無效,去掉scoped就可以了

row-class-name的使用

可以通過指定 Table 組件的 row-class-name 屬性來爲 Table 中的某一行添加 class,表明該行處於某種狀態。

Element UI 的Table組件踩坑記: 
參數row-class-name無效的坑:官方文檔給出瞭如下代碼:

但是我使用後並沒有出現預初想要第一行高亮的效果,然後console.log(row, rowIndex),發現控制檯有值!!!

然後網上各種方法試都沒有效果,最後找到了問題的原因,簡直崩潰!

原因如圖:

我在樣式裏邊設置了scoped屬性,把這個屬性去掉就好了!

如有疑問,歡迎留言指證。

勞動成果得之不易,如果對你有幫助,動動你的手指點個贊,感謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章