el-message

2022/4/14 23:13:22

本文主要是介绍el-message,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

import { Message } from 'element-ui'
 const showMessage = function (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)
    }
 }
const arr = ['success', 'warning', 'info', 'error']
arr.forEach(type => {
  showMessage[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 default showMessage;

import ShowMessage from '@/utils/index';
Vue.prototype.$message = ShowMessage;

 this.$message.error('操作成功');


这篇关于el-message的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程