文章详情页
css - vue.js的vue单文件组件style中的scoped属性无效
浏览：329日期：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. javascript - 百度坐标,返回目标附近有哪些坐标2. javascript - 关于jsp中嵌入js代码的问题3. javascript - 判断用户网络环境4. javascript - 对不同类别的id的物品中的某个字段做权重覆盖，除了直接使用if else语句还能有更优雅便于维护的方式吗？5. javascript - 一个JS多元运算符的问题6. javascript - 关于fullpage.js的横向滚动控制7. javascript - 为什么var obj = {}创建对象的方法里面不能用this.xxx来声明属性 ?8. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型？9. javascript - 有一个异步获取数据的函数A，其他依赖这个A得到的数据的函数是否都必须是异步的？10. angular.js - angurlarJS的安卓的微信端中用加载ngCookies会出错的问题
排行榜
网公网安备