关于父组件控制子组件样式的问题

老师您好，我想问下什么时候可以在父组件上直接写子组件的类名来控制子组件样式，什么时候又需要用到样式穿透来控制子组件的样式？

qq_那些荒废流年 2019-05-12

源自：实战：Vue webapp首页开发 5-1 下拉刷新--变化提示文字

0

收起

1回答

好帮手慕码回答被采纳获得+3积分 2019-05-12 15:15:00

同学你好！

（1）当样式为全局样式的时候，可以在父组件上直接写子组件的类名来控制子组件样式

（2）当样式为局部样式（设置了scoped，但是去掉又害怕样式污染全局样式）的时候，需要用到样式穿透来控制子组件的样式

如果帮助到了你欢迎采纳祝学习愉快~

qq_那些荒废流年提问者 #1

那为什么在用到swiper组件的时候可以直接在swiper的类名比如swiper-container上书写样式，而且还生效了呢？

2019-05-12 15:18:40
好帮手慕码回复提问者 qq_那些荒废流年 #2

同学你好！因为在当前页面他们都设置了swiper-container的样式，且使用了scoped使样式局部生效了。祝学习愉快~

2019-05-12 15:24:12
qq_那些荒废流年提问者回复好帮手慕码 #3

老师，对于你的回复我不是很懂。如果可以控制子组件(即我提到的swiper组件)的样式的话，那么按照您说的它的样式应该是全局样式，这样的使用swiper组件的时候才能控制它的样式。您说的我没有理解

2019-05-12 15:26:50

点开查看后面1条评论

相似问题

父组件控制子组件样式的问题

一般什么情况下使用子组件向父组件传值的模型

子组件的疑问

父子组件的异步数据

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

登录后可查看更多问答，登录/注册

热门框架Vue开发WebApp 18版

参与学习人
提交作业 209 份
解答问题 3299 个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue，结合多个实战案例，还原真实开发场景，最终实现手机端购物商城网页开发。

本课精华内容

问答作业

我想知道讲ES6的是哪个老师呀，声音调好听了吧，声控的福利吖，，想知道是谁喔。

5 4

老师,帮忙看下是啥原因,滚动条还是滚动不了

4 28

代码不完善啊

2 23

父组件控制子组件样式的问题

3 22

代码运行不了

0 18

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载