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

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

 

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

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

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

例如

<style>

  ///全局的

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

 

</style>

<style scoped>

//私有的

</style>

 

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