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

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

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

http://img1.sycdn.imooc.com//climg/5f15050909dfd23e07480054.jpg从图中可以看出,父组件的唯一表示同样加载了子组件上面

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

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

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

http://img1.sycdn.imooc.com//climg/5f1572b109e55bfc08060699.jpg

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

http://img1.sycdn.imooc.com//climg/5f1573eb09eea44b05880328.jpg

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

好帮手慕言 2020-07-20 14:54:17

同学你好,指的是下方吗?

http://img1.sycdn.imooc.com//climg/5f1534a209b2328302520049.jpg

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

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

  • 提问者 WittChen #1
    上网搜寻了下,scoped并不是完全隔离,父组件会对子组件的根元素产生影响,老师,是这样子嘛,因为我确实添加了scoped,但是父组件的样式影响到了子组件最外层的元素
    2020-07-20 15:26:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师