關於Vue-ElementUI修改默認樣式不成功問題解決


Element是一個很好用的組件庫,但是有時候我們需要修改一些組件的樣式以滿足我們自己的需求。

我們用瀏覽器調試找到相應的class,在本地重寫這個class時,發現修改不成功。

這是因為在Vue文件中的style標簽上有一個特殊的屬性:scoped。當一個style有這個標簽,它的樣式就只能作用於當前的Vue組件,可以使組件的樣式不相互污染。

 

解決方案:

1. 去掉scoped,但此方法可能會造成全局污染

2. 將修改的樣式放在控制全局樣式css文件中

3. 寫一個新的style標簽(注意不要scoped),在新的標簽里去修改樣式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM