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

Question

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

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

Answer 1

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

Answer 2

你a.vue和b.vue都这样写了么?

Answer 3

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

Answer 4

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

Answer 5

在你的CSS后面加上 !important

Answer 6

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