vue開發中,父組件添加scoped之后。解決在父組件中無法修改子組件樣式問題
在vue的開發中,我們需要引用子組件,包括ui組件(element、iview)。但是在父組件中添加scoped之后,在父組件中書寫子組件的樣式是無效果的。去掉scoped之后,樣式可以覆蓋。但這樣會污染全局樣式,為了解決這個問題,vue-loader新增書寫方式。
父組件
子組件
效果
這樣的寫法及修改了子組件的樣式,又不會污染全局樣式!
在vue的開發中,我們需要引用子組件,包括ui組件(element、iview)。但是在父組件中添加scoped之后,在父組件中書寫子組件的樣式是無效果的。去掉scoped之后,樣式可以覆蓋。但這樣會污染全局樣式,為了解決這個問題,vue-loader新增書寫方式。
父組件
子組件
效果
這樣的寫法及修改了子組件的樣式,又不會污染全局樣式!
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。