基于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", "已成功");
目录
相关文章
|
1月前
|
开发框架 JavaScript
uniapp使用u-empty以及其相关属性
uniapp使用u-empty以及其相关属性
182 1
|
1月前
|
前端开发 JavaScript Java
这些 function 的细节你都知道吗?
这些 function 的细节你都知道吗?
这些 function 的细节你都知道吗?
|
1月前
|
存储 编译器 C++
C++ 包装器—function
C++ 包装器—function
|
10月前
|
C++
【C++】function包装器
【C++】function包装器
31 0
|
1月前
|
存储 C++
【C++11特性篇】玩转C++11中的包装器(function&bind)
【C++11特性篇】玩转C++11中的包装器(function&bind)
|
1月前
封装element-plus上传图片组件
v封装element-plus上传图片组件
|
8月前
|
Web App开发 存储 自然语言处理
如何解决 SAP UI5 错误消息 - Could not find any translatable text for key appTitle
如何解决 SAP UI5 错误消息 - Could not find any translatable text for key appTitle
|
9月前
element-ui的upload组件的clearFiles方法的调用
element-ui的upload组件的clearFiles方法的调用
345 0
|
JavaScript
ElementUI this.$message is not a function 解决方法
ElementUI this.$message is not a function 解决方法
122 0
|
前端开发 JavaScript
element组件的属性、事件和方法怎么使用
我们在使用element组件的时候,经常会使用到组件的属性、事件和方法,但对于第一次接触element组件的小白来说,由于没有代码示例,所以不知道怎么使用组件的属性、事件和方法是很常见的情况,所以本文将教会大家怎么去使用element组件的属性、事件和方法
339 0
element组件的属性、事件和方法怎么使用