style标签上添加scoped后父组件影响了子组件样式

style标签上添加scoped之后,只会作用于当前组件,组件之间样式不相互影响,父子组件之间也不影响,但子组件根元素样式会受到父组件样式影响;
解决
Vue Loader里面有一句
使用 scoped 后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式

posted @ 2022-11-17 16:33  Redbreans  阅读(247)  评论(0编辑  收藏  举报