摘要：修改库组件样式在工作中经常会碰见设计稿和库的组件样式不一样，在标签加了，就无法修改组件的样式了，因为当前组件样式只应用到这个组件上。
vue修改UI库组件样式
在工作中经常会碰见设计稿和UI库的组件样式不一样，在style标签加了scoped，就无法修改UI组件的样式了，因为当前组件样式只应用到这个组件上。
深度作用选择器如果你想修改组件的样式就可以使用 >>> 操作符：
上述代码将会编译成：
.langpz[data-v-f3f3eg9] .b { /* ... */ }
如果你用的是SCSS或者LESS需要把 >>> 替换成 /deep/
如果组件的样式是js动态生成的，深度作用选择器前面就不要跟class了。
# 我的博客和GitHub地址
https://github.com/lanpangzhi
http://blog.langpz.com
参考https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B7%E7%94%A8%E6%9C%AC%E5%9C%B0%E5%92%8C%E5%85%A8%E5%B1%80%E6%A0%B7%E5%BC%8F
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/106323.html
摘要：有时候基于的单文件组件开发项目时不得不使用全局样式这时有一些需要注意的地方当遇到需要使用全局样式时下列几种情况样式在项目各处均有使用样式只在当前组件内的上使用样式需要应用到当前组件的外部下面详细记录一下需要注意的问题样式在项目各处均有使用如 有时候基于 Vue 的单文件组件开发项目时, 不得不使用全局样式, 这时有一些需要注意的地方. 当遇到需要使用全局样式时, 下列几种情况 样式在...
摘要：有时候基于的单文件组件开发项目时不得不使用全局样式这时有一些需要注意的地方当遇到需要使用全局样式时下列几种情况样式在项目各处均有使用样式只在当前组件内的上使用样式需要应用到当前组件的外部下面详细记录一下需要注意的问题样式在项目各处均有使用如 有时候基于 Vue 的单文件组件开发项目时, 不得不使用全局样式, 这时有一些需要注意的地方. 当遇到需要使用全局样式时, 下列几种情况 样式在...
摘要：诞生于年月份，年月份正式开源，多次，发布个版本，个组件，共计个单测，测试覆盖率。得益于的稳定，自发布第一个版本起，都没有破坏性的更新，本次发布的版本自然也没有破坏性的更新。因要支持低版本的，暂时并没有提供该功能。 vue-antd-ui是一个站在巨人(antd)肩膀上的UI组件库，有着其它组件库没有的优势，几乎继承了antd所有的功能特点，自带antd各种buff。 vue-antd-...
摘要：新手坑模板内引入的组件样式覆盖失效作为一名刚接触的菜鸟开发过程中遇到一些小坑又很难搜索的到还是记录下来分享给有遇到过类似问题的人项目中假设用到这个库具体引入组件啥的我就不详细说了直接看代码以上代码的写法不仔细看的话通过页面来看组 [新手坑] 01.Vue模板内引入的组件样式覆盖失效 作为一名刚接触Vue的菜鸟, 开发过程中遇到一些小坑又很难搜索的到, 还是记录下来. 分享给有遇到过类似...
摘要：社区的认可目前已经是相关最多的开源项目了，体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址：vue-element-admin 系类文章一：手摸手，带你用vue撸后台 系列一(基础篇)系类文章二：手摸手，带你用vue撸后台 系列二(登录权限篇)系类文章三：手摸手，带你用vue撸后台 系列三(实战篇）系类文章四：手摸手，带你用vue撸后台 系列...
阅读 1167·2021-11-22 15:22
阅读 3838·2021-10-19 13:13
阅读 3573·2021-10-08 10:05
阅读 3293·2021-09-26 10:20
阅读 2986·2019-08-29 14:21
阅读 2192·2019-08-27 10:55
阅读 1872·2019-08-26 10:31
阅读 2579·2019-08-23 16:47
