文章详情页
css - vue.js的vue单文件组件style中的scoped属性无效
浏览：315日期：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. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. 如何解决docker宿主机无法访问容器中的服务？3. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？4. 老师，flex-shrink: 1; 按视频操作，不会自动缩放5. mysql - phpMyAdmin无法导入数据6. docker镜像push报错7. docker api 开发的端口怎么获取？8. javascript - 清空Chrome缓存的疑问9. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。10. css3 - 微信前端页面遇到的transition过渡动画的bug
排行榜
网公网安备