element-ui $notify
时间: 2023-11-08 21:06:03 浏览: 173
element中Notification组件(this.$notify)自定义样式图片
element-ui 的 $notify 是一个全局提示组件,可以方便地在页面的任何位置弹出提示框,常用于表单提交成功、失败等提示信息的展示。
使用方法如下:
1. 在 main.js 中引入 element-ui:
```
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
```
2. 在需要使用 $notify 的组件中,通过 this.$notify(options) 调用:
```
this.$notify({
title: '成功',
message: '这是一条成功的提示消息',
type: 'success'
});
```
其中,options 是一个对象,包含以下属性:
- title:提示框的标题
- message:提示框的内容
- type:提示框的类型,可选值有 success、warning、info、error
阅读全文