- 封裝單例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