vue scoped样式穿透问题

小呆先生
  • 83

在vue页面中,style中添加了scoped,现在需要在style中改变body下的某一元素的样式(当前页面渲染在body>div>div>...),使用::v-deep穿透时 也只能在当前页面内生效,有没有其他写法可以满足需求?

回复
阅读 625
1 个回答

给你的组件加上class属性 写自定义的名字
然后新写一个style 不要 scoped 通过你自己的class和他自带的class写样式就行
比如你的class="mySelect" 组件渲染出来的样式应该是 class="他的样式名 mySelect"
你写样式的时候就

 .他的样式名.mySelect {
   color: red;
}
宣传栏