基于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", "已成功");
目录
相关文章
|
8月前
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
|
3月前
|
JavaScript 前端开发 数据可视化
Element Plus图片上传组件二次扩展
Element Plus图片上传组件二次扩展
119 0
|
6月前
|
UED
Element UI 一键校验多表单(v-for循环表单,异步校验规则,v-for 中的 ref 属性,避坑 forEach 不支持异步 await )
Element UI 一键校验多表单(v-for循环表单,异步校验规则,v-for 中的 ref 属性,避坑 forEach 不支持异步 await )
63 0
|
前端开发
ajax实战案例:$.when .done .fail实现多接口数据回调
ajax实战案例:$.when .done .fail实现多接口数据回调
48 0
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验
1145 0
|
8月前
封装element-plus上传图片组件
v封装element-plus上传图片组件
|
JavaScript
Element-Ui表单移除校验clearValidate和resetFields
添加和修改公用一个弹窗,点击添加弹窗后,如果没移除表单校验的话,再点击修改弹窗时校验就会被记住,所以需要移除校验,但在清空表单校验时会报如下错误: 那么,你只需要加上这段话即可 this.$nextTick(()=>{ this.$refs.addArray.resetFields(); }) 再此,我顺便说一下resetFields和clearValidate的区别: this.$refs.form.resetFields(); //移除表单校验并初始化表单,一般用于.
864 0
Element-Ui表单移除校验clearValidate和resetFields
element-ui和element-plus的自定义列表格用法
element-ui和element-plus的自定义列表格用法
105 0
element-ui的upload组件的clearFiles方法的调用
element-ui的upload组件的clearFiles方法的调用
513 0
|
前端开发
ajax 返回undefined 或则[object object]的调试方式
ajax 返回undefined 或则[object object]的调试方式
119 0