vue組件中的樣式屬性:scoped,解決在父組件中無法修改子組件樣式問題


vue開發中,父組件添加scoped之后。解決在父組件中無法修改子組件樣式問題

  在vue的開發中,我們需要引用子組件,包括ui組件(element、iview)。但是在父組件中添加scoped之后,在父組件中書寫子組件的樣式是無效果的。去掉scoped之后,樣式可以覆蓋。但這樣會污染全局樣式,為了解決這個問題,vue-loader新增書寫方式。

  父組件

  子組件

  效果

  這樣的寫法及修改了子組件的樣式,又不會污染全局樣式!


免責聲明!

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



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