你的位置:首页 > 软件开发 > 网页设计 > vue中修改子组件样式

vue中修改子组件样式

发布时间:2017-09-05 12:00:08
一、全局修改  1、在App.vue中设置,引入公共样式及个别页面的特殊样式common.css;    例如:<link rel="stylesheet" type="text/css" href="static/asse ...

一、全局修改

  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中遇到的坑

原标题:vue中修改子组件样式

关键词:VUE

VUE
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。