基于element二次封装message

简介: 笔记

基于element二次封装弹出框


一、简单封装Message

在components创建个Message/index.js

index.js代码:

export function alertOK(msg, title) {
    this.$message({
        type: msg,
        message: title
    });
}
export default alertOK

在全局引用:

import message from "@/components/Message/index.js";
Vue.prototype.$messages = message;

页面使用:

this.$messages("success", "已成功");
目录
相关文章
|
JSON JavaScript 前端开发
|
10月前
|
存储 关系型数据库 MySQL
开源免费真香!Star 1.4k 这款开源在线教育系统让万人学习零压力,企业培训系统一键搭建神器
PlayEdu 是一款基于 SpringBoot3 + Vue3 开发的开源企业培训系统,提供从课程管理、学员管理到考试测评
563 4
|
iOS开发 UED
实现一个自定义的iOS动画效果
【4月更文挑战第9天】本文将详细介绍如何在iOS平台上实现一个自定义的动画效果。我们将通过使用Core Animation框架来实现这个动画效果,并展示如何在不同的场景中使用它。文章的目标是帮助读者理解如何使用Core Animation框架来创建自定义动画,并提供一个简单的示例代码。
253 1
|
前端开发 虚拟化
简单记录使用 ElementPlus 的虚拟化树形控件(el-tree-v2)心得
这篇文章分享了作者使用ElementPlus的虚拟化树形控件`el-tree-v2`的心得,展示了其基本用法和如何通过自定义模板来增强树节点的交互性。
4325 1
简单记录使用 ElementPlus 的虚拟化树形控件(el-tree-v2)心得
|
移动开发 JavaScript 前端开发
分享117个图片切换JS特效,总有一款适合您
分享117个图片切换JS特效,总有一款适合您
133 0
|
移动开发 JavaScript 前端开发
分享111个JS图片切换特效,总有一款适合您
分享111个JS图片切换特效,总有一款适合您
403 2
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(29)--- 高级查询条件的界面设计
循序渐进VUE+Element 前端应用开发(29)--- 高级查询条件的界面设计
|
供应链 安全 Ubuntu
详细介绍:国产操作系统银行麒麟V10的下载和安装
详细介绍:国产操作系统银行麒麟V10的下载和安装
3644 0
详细介绍:国产操作系统银行麒麟V10的下载和安装
|
并行计算 C++ Windows
windows10下visual studio 2019安装以及cuda11配置
windows10下visual studio 2019安装以及cuda11配置
2270 0
|
存储 缓存 JavaScript
客户端开发(Electron)数据存储
客户端开发(Electron)数据存储
1030 0