在vue开发中,我们经常会引用组件,而第三方组件或者子组件当中的样式使用scoped属性之后,在父组件中是无法被修改的,经过尝试,可以采用如下两种方式:
1.在全局样式中覆盖,这种解法,有弊端,可能会污染全局样式 (备注:如果希望用样式覆盖的话,必须要将父及子组件当中的样式scoped属性同时去掉,再通过增加样式权重去实现 )
2.通过vue-loader提供的新写法 vue-loader查看地址 在sass预编译环境当中的写法如下:
<
style
scoped
lang
=
"scss"
>
.form {
background-color:
#fff;
/deep/
.mint-cell-text{
font-size:
18px
;
}
}
</style>
碰到的bug,权当作个笔记…………