iview与elementUI组件样式覆盖问题如何有效解决？

本文共计1242个文字，预计阅读时间需要5分钟。

目录：iview与elementUI组件样式覆盖无效新建一个不含scoped的style标签覆盖组件样式/less/ 预处理器下使用Element-ui与IView中的样式覆盖问题在Element-UI中覆盖样式在IView中覆盖样式

目录

• iview和elementUI组件样式覆盖无效
• 新建一个不含scoped的style标签覆盖组件样式
• /deep/ 预处理器less下使用
• Element-ui与IView中的样式覆盖问题
• 在Element-UI中覆盖样式
• 在IView中覆盖样式

iview和elementUI组件样式覆盖无效

iview和elementUI是我们在用vue开发项目时比较常用到的ui组件，在我们使用第三方UI组件库开发时有时需要对这些组件进行一些样式修改。

为了vue页面样式模块化，不对全局样式造成污染，我们往往都会加入scoped属性用来限制样式的作用域，然而这也会导致当我们修改部分ui组件样式失效。为了避免这种情况，我们常用以下方式来解决。