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