84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
使用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{}
不使用scoped并自己把控制握好css命名空间
可以对每个组件都用特定唯一的class命名,且该组件的css都在该命名的范围内。
例如 header是index的子组件
最终渲染