解决 this.$message 滚屏出现 点击多次重复出现

1.首先创建js文件
/**重置message，防止重复点击重复弹出message弹框 */
import {
Message
} from 'element-ui';
let messageInstance = null;
const resetMessage = (options) => {
// 判断当前是否有信息，如果有就关闭，然后弹出新框
if (messageInstance) {
messageInstance.close()
}
messageInstance = Message(options)
};
['error', 'success', 'info', 'warning'].forEach(type => {
// this.$message.error----this.$message[type]// this.$message(options)
resetMessage[type] = options => {
if (typeof options === 'string') {
options = {
message: options
}
}
options.type = type
return resetMessage(options)
}
})
export const message = resetMessage

接下来引入到main.js

import { message } from '@contract/resetMessage'

Vue.prototype.$message = message // 重写message提示框 注意：此行代码一定要放在Vue.use(ElementUI)后面，否则不生效

当你不知所措的时候不放停下来歇一歇，也许会更高。