vue 单文件 样式写了scoped 不能覆盖框架原有样式的解决办法


vue 单文件 样式写了scoped 不能覆盖框架原有样式的解决办法

 

在vue 里面<style scoped></style> 是为了让样式只影响本身自己组件的样式,不改变全局的样式。

但是存在一个问题组件框架的ui样式没办法覆盖。

解决办法:在vue 文件里面写两个style 样式

例如

<style>

  ///全局的

//全局的这个一定要在要覆盖的ui样式之前,在包裹上一层,这样就不会影响别的组件的样式

 

</style>

<style scoped>

//私有的

</style>

 

全局和私有的style 的顺序一定不能变,全局的在最前面,私有的在后面

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM