ElementUI全局修改el-message停留时间

功能需求：项目中用到的$message消息提示的方式，但是停留时间过长，用到的地方太多，想全局改掉。

在main.js中添加一下配置：

import ElementUI from "element-ui"; //原先已引入ElementUI组件
//或者
import {Message} from 'element-ui'

//注意：页面this.$message
Vue.prototype.$message = function(msg) {
  return ElementUI.Message({
    message: msg,
    duration: 1500
  })
};
//分别对success、warning和error等样式进行设置
Vue.prototype.$message.success = function(msg) {
  return ElementUI.Message.success({
    message: msg,
    duration: 1500
  })
};
Vue.prototype.$message.warning = function(msg) {
  return ElementUI.Message.warning({
    message: msg,
    duration: 1500
  })
};
Vue.prototype.$message.error = function(msg) {
  return ElementUI.Message.error({
    message: msg,
    duration: 1500
  })
}

以上是编程学习网小编为您介绍的“ElementUI全局修改el-message停留时间”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。