组件的样式冲突 scoped
默认情况 ：写在组件中的样式会 全局生效 → 因此很容易造成多个组件之间的样式冲突问题。
- 全局样式 : 默认组件中的样式会作用到全局
- 局部样式 : 可以给组件加上 scoped 属性, 可以让样式只作用于当前组件
scoped原理？ - 当前组件内标签都被添加 data-v-hash值 的属性
- css选择器都被添加 data-v-hash值 的属性选择器
最终效果: 必须是当前组件的元素 , 才会有这个自定义属性, 才会被这个样式作用到
vue中css样式冲突的解决方法——scoped
黎枫学长2023-12-04 21:48
相关推荐
子兮曰2 天前
jev-ultrafast 深度解析：7 秒订机票的浏览器 Agent 是如何炼成的子兮曰2 天前
Jev 爆发一周：7 秒 Agent 背后的 System One 生态与三场争议前端小万2 天前
写公众号赚了 3000 块后，我做了一款叫 "一键成稿" 的软件爱勇宝2 天前
ZCode 开源 24 小时：一份没有历史的账本，回答不了"有没有偷代码"A黄俊辉A2 天前
uniapp webview中实现 app和内嵌的H5双向通信三十而立洋2 天前
Cookie 详解：从产生到安全，一次讲透卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun （React + Umi3） 主站：十个坑的复盘honkun62 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询kybs19912 天前
全球灾害数据分析可视化 毕业设计-附源码66794汉堡大王95272 天前
Jev：不是聊天机器人， 而是一个智能 if 语句