vue scoped样式穿透问题

Question

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

Answer 1

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

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