vue2中,设置全局错误弹框,要求方便使用。错误时在屏幕上方弹出并红色的字提醒,2秒后自己消失
时间: 2024-03-09 20:46:42 浏览: 91
vue2 全局变量的设置方法
5星 · 资源好评率100%
可以使用Vue的原型方法来创建一个全局的错误弹框功能,具体步骤如下:
1. 在main.js中注册全局的错误弹框方法:
```javascript
import Vue from 'vue'
Vue.prototype.$error = function (message) {
this.$notify.error({
title: '错误',
message: message,
duration: 2000
})
}
```
2. 在需要使用的组件中,可以通过this调用$error方法来触发错误弹框:
```javascript
this.$error('出错啦!')
```
这样就可以方便地在任何组件中使用全局错误弹框功能了。需要注意的是,该方法使用了element-ui库中的notify组件,因此需要先安装并引入element-ui。另外,该方法会自动消失,无需手动关闭。
阅读全文