vue里面父组件如何修改子组件样式

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

1、去掉 scoped

在父组件中去掉scoped,父组件可以书写子组建的样式,但是会影响全局的样式,去掉scoped之后可以在当前父组件的页面加一个外层的class约束

2、使用深度作用选择器


或者

你可能感兴趣的:(vue里面父组件如何修改子组件样式)