本文主要是介绍vue组件样式添加scoped属性之后，无法被父组件修改，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在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,权当作个笔记…………
这篇关于vue组件样式添加scoped属性之后，无法被父组件修改的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
