文章详情页
css - vue.js的vue单文件组件style中的scoped属性无效
浏览：122日期：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. css3 - [CSS] 动画效果 3D翻转bug2. MySQL客户端吃掉了SQL注解？3. 求大神帮我看看是哪里写错了 感谢细心解答4. javascript - JS设置Video视频对象的currentTime时出现了问题,IE,Edge,火狐,都可以设置,反而chrom却...5. python - Django分页和查询参数的问题6. javascript - 百度echarts series数据更新问题7. javascript - 图片能在网站显示，但控制台仍旧报错403 (Forbidden)8. python小白的基础问题 关于while循环的嵌套9. phpstady在win10上运行10. php自学从哪里开始？
排行榜
网公网安备