首页 > 其他分享 >element ui中的message弹出框只出现一次

element ui中的message弹出框只出现一次

时间:2023-09-13 10:22:16浏览次数:37  
标签:resetMessage element messageInstance ui message js type options

import { Message } from 'element-ui';
let messageInstance = null;
const resetMessage = (options) => {
    if(messageInstance) {
        messageInstance.close()
    }
    messageInstance = Message(options)
};
['error','success','info','warning'].forEach(type => {
    resetMessage[type] = options => {
        if(typeof options === 'string') {
            options = {
                message:options
            }
        }
        options.type = type
        return resetMessage(options)
    }
})
export const message = resetMessage

建立js文件

resetMessage.js
import { message } from '../../utils/resetMessage';

引入js文件

 message.error(errorMsg || '网络异常请稍后再试', '错误');

使用即可

标签:resetMessage,element,messageInstance,ui,message,js,type,options
From: https://www.cnblogs.com/xiaobaizitaibai/p/17698829.html

相关文章

  • UI 自动化测试框架:PO 模式+数据驱动
    1.PO设计模式简介什么是PO模式?PO(PageObject)设计模式将某个页面的所有元素对象定位和对元素对象的操作封装成一个Page类,并以页面为单位来写测试用例,实现页面对象和测试用例的分离。PO模式的设计思想与面向对象相似,能让测试代码变得可读性更好,可维护性高,复用性高。PO模......
  • 使用element-plus组件在vue中引入分页功能
    1、组件的引入<el-paginationbackgroundlayout="prev,pager,next"page-size="6":total="60"></el-pagination>2、存在问题就是,现在页码并不能与每页的内容相互对应解决方式:page用来表示确认每一页是否点击到,正式......
  • A named channel for communicating with platform plugins using asynchronous /// m
     Future<void>initWithScopeLimitCredential()async{finalBasicMessageChannel<Object?>channel=BasicMessageChannel<Object?>('dev.flutter.pigeon.CosApi.initWithScopeLimitCredential',codec,binaryMess......
  • 基于自定义表编写认证类、django-jwt源码分析、权限介绍、simpleui的使用
    基于自定义表编写认证类补充:翻译函数只要做了国际化,就会显示当前国家的语言fromdjango.utils.translationimportgettext_lazyas_msg=_('Signaturehasexpired.')#_是个函数的别名,这个函数是翻译函数,只要做了国际化,它就是中文认证类fromrest_framework_jwt......
  • 使用图形化工具generator-gui生成Mapper
    场景有时候不能在项目中添加乱七八糟的配置文件,这时候生成mapper等文件就需要在外部生成拷贝进去了:使用的开源包:https://gitee.com/zhaifengxi/mybatis-generator-gui?_from=gitee_search可以直接看包详解,我这里自己做个记录方便自己使用;功能mybatis-generator-guimyba......
  • 实现类似elementui中的树节点过滤效果
    filterTree(tree,arr=[]){letthat=thisif(!tree.length)return[];for(letitemoftree){letnode={}if(item.name.indexOf(this.searchVal)>-1){constitemValue={...item};node={......
  • UI设计怎么切图?初学者入门必读篇
    切图是开发无法使用代码直接实现的元素,是UI设计师的重要产出成果和交付物。切图看似简单,实则也有超级多的专业细节需要了解,以及各种方法来提高切图效率。本文将全面介绍UI设计怎么切图所需要的所有知识。本文大纲:UI设计切图是什么?切图是前端还是美工?UI设计切图规范UI设计如何切图给......
  • element ui 如何在一行放置三个输入框和两个按钮
    代码示例:<el-form:model="form":rules="rules"label-width="80px"inline><el-row><el-col:span="6"><el-form-itemlabel="First"wordprop="first"><......
  • android 很棒的UI合集 都是git地址很不错的需要makedown配合使用
    MaterialNameLicenseDemoMaterialDesignLibraryApacheLicenseV2DrawerArrowDrawableApacheLicenseV2MaterialTabsApacheLicenseV2PagerSlidingTabStripApacheLicenseV2material-rippleApacheLicenseV2RippleEffectMITLDrawerApacheLicenseV2material-design-icons......
  • pyautogui 屏幕倍率的坑
    在我的2倍屏设备上,鼠标移动不准确。直接上演示代码importpyautoguiscreenSize=pyautogui.size()print(screenSize)#输出:Size(width=1512,height=982)。这是屏幕尺寸,以dip(设备独立像素device-independentpixel)度量。buttonPoint=pyautogui.locateCenterOnScreen......