码迷,mamicode.com
首页 > 其他好文 > 详细

vue组件中的style scoped中遇到的问题

时间:2018-01-11 15:45:36      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:blog   添加   工作   gpo   data   其他   body   组件   bsp   

在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后,实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯一属性的标识,当然也会给当前style的所有样式添加[data-v-1233]这样的话,就可以使得当前样式只作用于当前组件的节点。但是我们需要注意的是如果我们添加了子组件,同样的,如果子组件也用scoped标识了,那么在父组件中是不能设置子组件中的节点的。若父组件有scoped,子组件没有设置,同样,也是不能在父组件中设置子组件的节点的样式的,因为父组件用了scoped,那么父组件中style设置的样式都是唯一的了,不会作用与其他的组件样式。

 

vue组件中的style scoped中遇到的问题

标签:blog   添加   工作   gpo   data   其他   body   组件   bsp   

原文地址:https://www.cnblogs.com/wenshaochang123/p/8267489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!