设为首页收藏本站

恭喜Java自学者论坛（https://www.javazxz.com）已经为数万Java学习者服务超过8年了！积累会员资料超过10000G+！
成为本站VIP会员，下载本站10000G+会员资源，会员资料板块，购买链接：点击进入购买VIP会员

Java自学者论坛»论坛 › IT知识库 › WEB前端 › vue组件中的样式属性：scoped，解决在父组件中无法修改 ...

发新帖

查看: 408|回复: 0

vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题

TA的每日心情

	奋斗 4 天前

签到天数: 802 天

[LV.10]以坛为家III

2053 主题	2111 帖子	72万积分

Rank: 9 Rank: 9 Rank: 9

积分: 726006

发消息

发表于 2021-6-8 17:34:31 | 显示全部楼层 |阅读模式

本站已经为数万IT学习者服务超过8年！成为本站VIP会员，免金币下载本站10000G+VIP会员资料！所有VIP资料>>

vue开发中，父组件添加scoped之后。解决在父组件中无法修改子组件样式问题

　　在vue的开发中，我们需要引用子组件，包括ui组件（element、iview）。但是在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。去掉scoped之后，样式可以覆盖。但这样会污染全局样式，为了解决这个问题，vue-loader新增书写方式。

　　父组件

　　子组件

　　效果

　　这样的写法及修改了子组件的样式，又不会污染全局样式！

哎...今天够累的，签到来了1...

回复

使用道具举报

发新帖

|手机版|小黑屋|Java自学者论坛 ( 声明：本站文章及资料整理自互联网，用于Java自学者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2024-11-15 07:26 , Processed in 0.056756 second(s), 29 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表