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
  })
}

进入前端入门建站教程官网入口

el-time-picker设置默认赋值时间

Vue项目如何实现文件上传（附完整代码）

Vue开发中最常用的几种UI组件库

vue语法如何设置el-select默认值

el-tree组件如何添加虚线指示

标签： el-message, element-ui, 全局

上面是“ElementUI全局修改el-message停留时间”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2106.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！