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


基础教程推荐
猜你喜欢
- 基于JavaScript实现仿京东图片轮播效果 2023-12-01
- HTML+CSS 实现顶部导航栏菜单制作 2022-09-20
- ajax异步请求刷新 2023-01-20
- 网页加载速度优化技巧的方案详解 2024-03-10
- vuejs安装插件报错Unexpected end of JSON input while parsing near.. 2024-12-09
- js获取url中”?”后面的字串方法 2024-02-09
- html+css实现文字折叠特效实例 2022-09-20
- vue+element模拟百度搜索(输入建议) 2023-10-08
- HTML/HTML5 基础知识 | 面试题专用 2023-10-28
- 移动开发之自适应手机屏幕宽度 2024-01-24