用了第三方組件的必然都會遇到妳這樣的問題,我說下我的解決方法,不壹定是好的。
壹個vue文件可以寫多個<style></style>,加上socped代表本組件的樣式,不汙染全局。如果需要覆蓋第三方組件樣式,則不能加scoped,因此需要另寫壹個<style>.xxx-component{...}</style>,這裏用壹個大類包裹防止汙染全局。
接著,我用比較笨的方法(有好的方法請告知),就是打開f12檢查究竟要覆蓋哪些樣式,然後寫在沒有加scoped的style裏即可。
其實壹些好的第三方UI庫都有提供自定義樣式的方法的,這樣實現起來才是最便捷的。