vue使用element-ui中的Message 、MessageBox 、Notification
import Vue from 'vue';
import ElementUI from 'element-ui';
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
// 对响应数据做点什么
// console.log('对响应数据做点什么')
return response;
}, function (error) {
// 对响应错误做点什么
console.log(ElementUI)
//Message 消息提示
ElementUI.Message({
message: '恭喜你,这是一条成功消息',
type: 'success'
});
//Notification 通知
ElementUI.Notification({
title: '警告',
message: '这是一条警告的提示消息',
type: 'warning'
});
//MessageBox 弹框
ElementUI.MessageBox({
title: '标题名称',
message: '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案'
});
return Promise.reject(error);
});
============ 欢迎各位老板打赏~ ===========
与本文相关的文章
- · vue/react/node/vite/npm/yarn build自动更新版本号
- · TinyMCE工具栏配置详解
- · vue获取节点的父节点、兄弟节点、子节点
- · vue3无法使用vue-devtools
- · VUE/REACT图表
- · vue import .scss报错
- · vue中引入.svg图标,使用iconfont图标库(SvgIcon组件使用)
- · vue 安装sass,运行后报错loaderContext.getResolve is not a function
- · vue中无法加载scss
- · Vue开发环境安装并集成element-ui示例
- · 小程序可以绑定其它小程序吗?
- · vue3+vite+多环境发面到二级目录配置