功能需求:项目中用到的$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停留时间


猜你喜欢
- vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新 2024-02-19
- 如何使用linux命令行发送HTML电子邮件 2023-10-25
- 解决方案:uni-app非nvue模式下切换主题后,App端闪屏、闪白、闪黑、状态栏主题色不稳定 2023-10-08
- 鼠标移入移出改变CSS样式的小例子 2024-01-06
- Spring Boot + Vue3 前后端分离实战wiki知识库系统 2023-10-08
- javascript检查浏览器是否已经启用XX功能 2023-12-24
- 用HTML制作一个好看的网页模板 2023-10-27
- CSS 鼠标样式和手指样式整理 2024-01-05
- 关于javascript:在基于TypeScript的Vue中将vuex状态和 2022-09-16
- javascript实现设置、获取和删除Cookie的方法 2024-01-14