vue element 禁止重复提醒 修改Message

1,新建文件resetMessage.js

/** 重置message，防止重复点击重复弹出message弹框 */

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)

  }

})

let messageup

export default messageup = resetMessage

2,页面引用

import messageup from '@/utils/resetMessage'

messageup({

            type: 'warning',

            showClose: false,

            message: '文件名格式不正确'

          })