找回密码
 立即注册
查看: 5|回复: 0

2,element-plus的loading效果和消息提示

[复制链接]

282

主题

6

精华

286

金币

技术维护QQ:515138

积分
615
发表于 昨天 09:10 | 显示全部楼层 |阅读模式
https://element-plus.org/zh-CN/component/loading
https://element-plus.org/zh-CN/component/message


封装效果:
  1. // https://element-plus.org/zh-CN/component/message 消息提示
  2. import { ElMessage } from 'element-plus'
  3. const showMessage = (msg, callback, type) => {
  4.     ElMessage({
  5.         type: type,
  6.         message: msg,
  7.         duration: 2000,
  8.         onClose: () => {
  9.             if (callback) {
  10.                 callback();
  11.             }
  12.         }
  13.     })
  14. }
  15. const message = {
  16.     error: (msg, callback) => {
  17.         showMessage(msg, callback, "error");
  18.     },
  19.     success: (msg, callback) => {
  20.         showMessage(msg, callback, "success");
  21.     },
  22.     warning: (msg, callback) => {
  23.         showMessage(msg, callback, "warning");
  24.     },
  25.     info: (msg, callback) => {
  26.         showMessage(msg, callback, "info");
  27.     },
  28.     primary: (msg, callback) => {
  29.         showMessage(msg, callback, "primary");
  30.     },
  31. }
  32. export default message;
复制代码




上一篇:1,使用 nextTick 确保 DOM 已渲染才执行
网站建设,公众号小程序开发,系统定制,软件App开发,技术维护【联系我们】手机/微信:17817817816 QQ:515138

QQ|Archiver|自丢网 ( 粤ICP备2024252464号-1 )

GMT+8, 2026-3-20 04:05

专注于网站建设,公众号小程序制作,商城小程序,系统定制,软件App开发

【联系我们】手机/微信:17817817816 QQ:515138

快速回复 返回顶部 返回列表