ElementUI的默认样式无法满足需求怎么办?

覆盖ElementUI的样式

由于 element-ui 的样式我们是在全局引入的,所以你想在某个页面里面覆盖它的样式就不能加 scoped,但你又想只覆盖这个页面的 element 样式,你就可在它的父级加一个 class,用命名空间来解决问题。

.article-page {
  /* 你的命名空间 */
  .el-tag {
    /* element-ui 元素*/
    margin-right: 0px;
  }
}

注意, 不能再使用scoped了, 另写一个style标签, 因为使用的css类名是编译后的css类名

或者直接从浏览器查看要修改部分的class名, 直接对其进行修改, 当然了,这样你可能会看到一些长相奇怪的class名

<style lang="scss">
// fix css style bug in open el-dialog
.el-popup-parent--hidden {
  .fixed-header {
    padding-right: 15px;
  }
}
</style>