您的位置:首页技术文章
文章详情页

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

浏览:73日期:2023-09-24 16:15:18

问题描述

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

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

问题解答

回答1:

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

回答2:

你a.vue和b.vue都这样写了么?css - vue.js的vue单文件组件style中的scoped属性无效

回答3:

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

回答4:

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

回答5:

在你的CSS后面加上 !important

标签: CSS
相关文章: