vue中修改子组件样式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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中修改子组件样式的主要内容，如果未能解决你的问题，请参考以下文章