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 内容,请继续关注编程基础学习网。

版权声明:本站部分内容来源互联网,如果文章中所涉及的图片或者文字内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

本文标题为:ElementUI全局修改el-message停留时间

基础教程推荐