Vue中使用row-class-name修改el-table某一行背景色無效

    Vue+Element UI項目,需要對列表某些行加深背景色,Element官方提供了row-class-name屬性,官方示例如下

 

                                    

    根據官方的寫法,並沒有實現效果,查閱資料後發現,row-class-name屬性要想生效必須使用全局class,而我的頁面中使用了scoped

    解決方法是引入全局css文件。我一開始新建了一個css文件並在具體vue頁面的<style>中用@import的方式引入,但是還是沒有生效。最後成功的方式是,在main.js中import那個全局css文件,具體頁面中匹配到樣式就會生效了。

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