elementUI踩坑

1.滚动条消失,body中莫名出现行内样式overflow: hidden;

必须重新刷新页面之后滚动条才会显示出来

几天后才发现是内置图片组件 ** ** 的问题,只要点击图片组件 ** ** 就会出现滚动条消失

解决方法: 将所有图片组件 ** ** 更换成原生 ** **

2.弹框显示影藏页面出现抖动

解决方法:

在全局样式中添加

//弹框抖动
.el-image-viewer__wrapper,
.el-dialog {
    -webkit-backface-visibility: hidden;
    /* Chrome 和 Safari */
    -moz-backface-visibility: hidden;
    /* Firefox */
    -ms-backface-visibility: hidden;
    /* Internet Explorer */
    backface-visibility: hidden;
}
//或者 transition: none !important; 

3. vue-element-admin 导航栏图标Icon 颜色统一

path { fill: inherit !important }

4.Upload 上传组件 携带token

5.关于TinyMCE富文本相关

解决方法:

.markdown {
    // >>> 或 ::v-deep 样式穿透 深度作用选择器
    ::v-deep .tui-editor .te-preview-style-vertical .te-md-splitter {
      width: 100%;
    }
  }

elementUI踩坑

原文：https://www.cnblogs.com/lenghaha/p/12726513.html