vue组件中添加样式不生效如何解决
这篇文章将为大家详细讲解有关vue组件中添加样式不生效如何解决，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联建站坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。10年网站建设经验创新互联建站是成都老牌网站营销服务商,为您提供网站设计制作、成都网站制作、网站设计、H5高端网站建设、网站制作、成都品牌网站建设、小程序设计服务,给众多知名企业提供过好品质的建站服务。
具体场景如下
//// vue 组件
//我用js在上面div标签中插入一个text goes here
//style ， vue组件scoped样式都会在选择器的最后加上data-v-***属性
//样式添加了scoped
.box{
color:red;
}
.text{
color:blue;
}
浏览器渲染的html 和 style 如下：
//html
text goes here
//style
.box[data-v-33f8ed40]{
color:red;
}
.text[data-v-33f8ed40]{ //样式不生效，因为p标签里没有属性data-v-33f8ed40
color:blue;
}
关于vue组件中添加样式不生效如何解决就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
分享标题：vue组件中添加样式不生效如何解决
网页地址：
http://bjjierui.cn/article/goocjs.html
