美文网首页
element ui Message去除重复显示

element ui Message去除重复显示

作者: Hasan_hs | 来源:发表于2022-10-26 13:59 被阅读0次
import {
    Message
} from 'element-ui';
const resetMessage = (options) => {
    let obj={}
    const messageDom = document.getElementsByClassName('el-message')[0]
    if(typeof options!='object'){
        obj.message=options
    }
    if (messageDom === undefined) {
        obj.type=obj.type?obj.type:'warning'
      Message(obj)
    }
};
['error','success','info','warning'].forEach(type => {
    resetMessage[type] = options => {
        let obj={}
        if(typeof options!='object'){
            obj.message=options
        }
        const messageDom = document.getElementsByClassName('el-message')[0]

        if (messageDom === undefined) {
            obj.type=obj.type?obj.type:'warning'
            Message[type](obj)
        }
    }
})
export const message = resetMessage

import {
  message
} from '@/utils/resetMessage';
Vue.prototype.$message = message;
 this.$message.error('操作失败');

相关文章

网友评论

      本文标题:element ui Message去除重复显示

      本文链接:https://www.haomeiwen.com/subject/qksttdtx.html