1. 程式人生 > >vue 單文件 樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法

vue 單文件 樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法

順序 com mage 兩個 scope 不改變 樣式 分享 組件

vue 單文件 樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法

在vue 裏面<style scoped></style> 是為了讓樣式只影響本身自己組件的樣式,不改變全局的樣式。

但是存在一個問題組件框架的ui樣式沒辦法覆蓋。

解決辦法:在vue 文件裏面寫兩個style 樣式

例如

<style>

///全局的

//全局的這個一定要在要覆蓋的ui樣式之前,在包裹上一層,這樣就不會影響別的組件的樣式

</style>

<style scoped>

//私有的

</style>

全局和私有的style 的順序一定不能變,全局的在最前面,私有的在後面

技術分享圖片

vue 單文件 樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法