vue+elementUi在点js.js文件中使用Message消息提示NotificationMessageBoxsuccesimportfrom

Posted 2022-05-18 web半晨

目录

• 1、方式一
• 2、方式二
• 3、总结

---

1、方式一

引入

import  Message  from "element-ui";

---

使用

Message(
    message: '请求成功',
    type: 'success'
);

---

2、方式二

引入

import ElementUI from 'element-ui';

---

使用

ElementUI.Message(
	message: '请求成功',
    type: 'succes'
);

ElementUI.Notification(
	message: '请求成功',
    type: 'succes'
);

ElementUI.MessageBox(
	message: '请求成功',
    type: 'succes'
);

---

3、总结

以上两种引入方法的区别是，第一种是解构，按需引入；第二种是全部引入。
ElementUI.Message对应的是this.$message方法。
ElementUI.Notification对应的是this.$notify方法。
ElementUI.MessageBox对应的是this.$alert方法。
建议使用第一种引入方式。