https://element-plus.org/zh-CN/component/loading
https://element-plus.org/zh-CN/component/message
封装效果:
- // https://element-plus.org/zh-CN/component/message 消息提示
- import { ElMessage } from 'element-plus'
- const showMessage = (msg, callback, type) => {
- ElMessage({
- type: type,
- message: msg,
- duration: 2000,
- onClose: () => {
- if (callback) {
- callback();
- }
- }
- })
- }
- const message = {
- error: (msg, callback) => {
- showMessage(msg, callback, "error");
- },
- success: (msg, callback) => {
- showMessage(msg, callback, "success");
- },
- warning: (msg, callback) => {
- showMessage(msg, callback, "warning");
- },
- info: (msg, callback) => {
- showMessage(msg, callback, "info");
- },
- primary: (msg, callback) => {
- showMessage(msg, callback, "primary");
- },
- }
- export default message;
复制代码
|