ElementUI全局修改el-message停留时间 发布时间:2024/12/08 功能需求:项目中用到的$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 内容,请继续关注编程基础学习网。