首页 > 其他 > 详细

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

时间:2018-11-06 10:45:29      阅读:258      评论:0      收藏:0      [点我收藏+]

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

 

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

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

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

例如

<style>

  ///全局的

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

 

</style>

<style scoped>

//私有的

</style>

 

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

技术分享图片

 

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

原文:https://www.cnblogs.com/daiwenru/p/9913179.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!