扫码关注官方订阅号
使用scoped的话样式就只能影响到当前组件而不能影响其子组件了,而有时因为设计问题,不同子组件间存在大量的样式共用,想着请教大神是否能让样式只能应用于本组件及其子组件。
走同样的路,发现不同的人生
不使用scoped并自己把控制握好css命名空间
可以对每个组件都用特定唯一的class命名,且该组件的css都在该命名的范围内。
例如 header是index的子组件
.header-comp{ h2{ } .title{ } }
.index-view{ .container{ } }
最终渲染
<p class="index-view"> <p class="header-comp"></p> </p>
.index-view{} .index-view xxx{} .header-comp{} .hader-comp .xxxx{}
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不使用scoped并自己把控制握好css命名空间
可以对每个组件都用特定唯一的class命名,且该组件的css都在该命名的范围内。
例如 header是index的子组件
最终渲染