【原创】Element UI 使用问题

不显示内层滚动条也能实现内容滚动

如果存在 .el-container{height:100%} 将其去掉即可既不显示滚动条又可以自动滚动。

页面抖动

打开 dialog 弹框，或者弹出消息提示，页面会抖动一下，原因是因为页面的右侧出现滑块,打开对话框的时候滑块消失造成抖动。
解决方式：设置全局样式

body{
  padding-right: 0px !important;
  overflow: hidden;
}

参考链接：https://www.freesion.com/article/90221414458/

多次点击，Message 出现多个消息提示

解决方法：在出现弹窗之前，先关闭全部弹窗。

this.$message.closeAll();
this.$message.error('错了哦，这是一条错误消息');

转自：https://www.cnblogs.com/zhougx/p/16259004.html

将 message 的 success 和 error 封装成公共方法

Vue.prototype.$success = function(msg){
  this.$message.closeAll();
  this.$message.success(msg)
};
Vue.prototype.$error = function(msg){
  this.$message.closeAll();
  this.$message.error(msg)
};

调用：

this.$success('操作成功');

以上可以防止多次弹出消息框