功能需求:项目中用到的$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停留时间
基础教程推荐
猜你喜欢
- 微信小程序转盘抽奖的实现方法 2022-08-30
- 详解css中inline-block的最小宽度值 2024-02-08
- php – 从数据库生成静态HTML文件 2023-10-25
- Js判断CSS文件加载完毕的具体实现 2023-12-27
- redis集群 windows版本:转载https://www.cnblogs.com/yangjinwang/p/8581313.html 2023-10-25
- sso跨域写cookie的一段js脚本(推荐) 2024-01-12
- CSS属性探秘系列(二):overflow及相关属性text-overflow 2024-01-09
- jQuery实现带动画效果的二级下拉导航方法 2024-01-08
- Vue联动Echarts实现数据大屏展示 2023-12-15
- 关于 html:Embedding too small on mobile (bandcamp) 2022-09-21
