如何在有scoped不影响elementUI 的其他页面组件,进行单页面修改的几种方法。

方式一:内联式css

  • 内联式css , 优点:修改其他方便。缺点:造成页面臃肿,不利于后期维护。

方式二:外链css

  •    外链css ,优点:对其他文件无影响,但会造成多个文件css  (缺点)
    @import '../../../static/css/eleCssEdit.css';

方式三:在同一个vue, 同时存在两个<style scoped></style>,<style></style>

  •     优点:方便修改, 缺点:不带scoped可能造成全局污染(必须通过一个独一无二的class类进行包裹,在控制台找到修改的私有属性). 本人还是比较推荐这种修改方式。
原文地址:https://www.cnblogs.com/panax/p/11239473.html