Vue+Element UI項目,需要對列表某些行加深背景色,Element官方提供了row-class-name屬性,官方示例如下
根據官方的寫法,並沒有實現效果,查閱資料後發現,row-class-name屬性要想生效必須使用全局class,而我的頁面中使用了scoped。
解決方法是引入全局css文件。我一開始新建了一個css文件並在具體vue頁面的<style>中用@import的方式引入,但是還是沒有生效。最後成功的方式是,在main.js中import那個全局css文件,具體頁面中匹配到樣式就會生效了。