vue中修改子组件样式

一、全局修改

  1、在App.vue中设置,引入公共样式及个别页面的特殊样式common.css;

    例如:<link rel="stylesheet" type="text/css" href="static/assets/css/common.css">

       下边的写法没用过参考链接中给的

       <a href="http://home.cnblogs.com/u/134870/" target="_blank">@import</a> "./common/css/main.css";

  2、当前页面style去掉scoped属性。

二、引用的地方重写样式

  这个方法有时候由于原组件样式嵌套复杂,没有分析清楚可能不生效。

  1、重写用到组件的原有样式 还是属于这个组件局部的。

 

 

参考:     在vue组件中style scoped中遇到的坑

posted @ 2017-09-05 11:47  半天的半天  阅读(3948)  评论(0编辑  收藏  举报