文章详情页
css - vue.js的vue单文件组件style中的scoped属性无效
浏览：259日期：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都这样写了么?
浏览器调试看一下最终的样式选择器
回答4：同问，我也遇到这个问题了，vue-cli没动， 添加socped后，元素添加v-data- , 而style却没有，所以还是会冲突
回答5：在你的CSS后面加上 !important
标签：
CSS
相关文章：
1. browsersync一次只能检测一个HTML文件?2. 修改mysql配置文件的默认字符集重启后依然不生效3. Java使用数组的速度比C ++中std :: vector快8倍。我做错什么了？4. html5 - 在Mac里使用vscode，却无法使用已下载的扩展……5. Java：使用URL下载图片为何图片下载不完全呢？6. java - mybatis源码分析7. docker网络端口映射，没有方便点的操作方法么？8. css - html根字体设置成很大的值后， 包裹了行内元素的div莫名变高是什么原因9. 请教一个python字符串处理的问题？10. docker容器呢SSH为什么连不通呢？
排行榜
网公网安备