功能需求:项目中用到的$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的BOM操作 2023-12-02
- 兼容各个浏览器的技巧 2022-10-16
- vue跨域吐槽proxytable 2023-10-08
- JavaScript实现班级抽签小程序 2024-02-04
- CSS元素居中布局的简单方法 2024-03-10
- 探究CSS边框特效实现技巧 2023-12-12
- layui 数据表格自带的导出Excel,身份证等E+/000问题解决 2022-12-17
- vue项目中在方法中控制style的方式 2023-10-08
- 使用 bootstrap modal遇到的问题小结 2023-12-28
- ajax传递多个参数的实现代码 2022-12-28