vue style scoped 引发的父组件修改不了子组件样式的问题

描述: 通常封装公共组件时,会给定一些默认样式,但是组件用到其他组件中去之后,想要修改子组件的一些样式,就会覆盖不了,因为两个组件样式都加了scoped。曾尝试把公共组件的scoped去掉,但是父组件中的classname已经被修改成data-v-的形式,找不到下面的子元素内容,就做不了对应修改

解决方式,在父组件中写两个style标签,一个用于放置需要scoped的样式,一个用于盛放不能scoped的样式,

另外,从网上百度出来的方法: 可以在元素前加入/deep/.classname的方式解决,或者.parentClass>>>.childClass,试过没成功,再找原因

猜你喜欢

转载自www.cnblogs.com/fairy62/p/10635200.html