使用scoped，为什么没有用父组件的样式还是影响到了子组件

首页课程实战体系课手记专栏慕课教程

来源：2-12 Vue项目首页 - 首页父子组组件间传值

WittChen

2020-07-20 10:44:47

老师您好，使用scoped，为什么没有用父组件的样式还是影响到了子组件，

从图中可以看出，父组件的唯一表示同样加载了子组件上面

写回答

2回答

好帮手慕言

2020-07-20

已采纳

同学你好，不知道同学的项目结构是怎么样的，老师以源码为例，给同学讲解一下

在Home.vue中使用了Header.vue，

这两个文件都添加上scoped，父组件和子组件最外层的元素添加的属性是一样的，如下：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

好帮手慕言

2020-07-20

同学你好，指的是下方吗？

如果是的话，这是vue自动添加上的，不会影响整体效果，忽略即可。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

hittChen

h 上网搜寻了下，scoped并不是完全隔离，父组件会对子组件的根元素产生影响，老师，是这样子嘛，因为我确实添加了scoped，但是父组件的样式影响到了子组件最外层的元素

h020-07-20

共1条回复

0 学习 · 10739 问题

相似问题

回答 2

回答 2

回答 6

回答 4

回答 2