vue.js的vue单文件组件style中的scoped属性无效

RT,我a.vue和b.vue明明写了<style scoped>,但是修改a.vue中的div.warp样式,却影响到了b.vue里面的div.warp样式,请问一下这是怎么回事?

我的webpack是直接用的vue-cli里面的webpack模版,自己从来没有修改过任何地方。

阅读 8.2k
6 个回答

上代码 有代码不一定能看出什么来 没有代码一定看不出什么东西

新手上路,请多包涵

你a.vue和b.vue都这样写了么?
图片描述

浏览器调试看一下最终的样式选择器

新手上路,请多包涵

同问,我也遇到这个问题了,vue-cli没动, 添加socped后,元素添加v-data- , 而style却没有,所以还是会冲突

在你的CSS后面加上 !important

嗯,,,代码贴上来,,这没有代码也不好判断样式是被那个东西给覆盖了,,,一般来说加上 scoped 这个是没有问题的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题