简单粗暴,直接在main.js
文件中添加以下代码就可以
import { Message } from 'element-ui'
const overrideMessage = (options) => {
// 每次调用先关闭之前 message
Message.closeAll()
Message(options)
};
['error', 'success', 'info', 'warning'].forEach(type => {
overrideMessage[type] = options => {
if (typeof options === 'string') {
options = {
message: options,
}
}
options.type = type
return overrideMessage(options)
}
})
Vue.prototype.$message = overrideMessage