elementUI的message消息提示改成只能同时存在一个
- 封装单例message:
import { Message } from 'element-ui' let messageInstance = null const resetMessage = (options) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options) return messageInstance } ['error', 'success', 'info', 'warning'].forEach(type => { resetMessage[type] = options => { if (typeof options == 'string') { options = { message: options } } options.type = type return resetMessage(options) } }) export const message = resetMessage
- 在main.js中挂载ElementUI之后把封装的消息提示message挂载到Vue原型上:
import 引入 message // 先 Vue.use(ElementUI) // 后:覆盖前面挂载的$message Vue.prototype.$message = message
声明:此资源由本博客收集整理,只用于记录心得和交流学习,请勿用作它途。如有侵权,请联系, 删除处理。如有不足或错误,欢迎指出和补充!