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

CSS piniu 1132浏览 0评论

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

#demo

父组件:

子组件:

效果:

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


发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • * 昵称:
  • * 邮箱: