Notify 消息提示
使用指南
import { Notify } from 'vant';
Vue.use(Notify);
代码演示
基础用法
Notify('通知内容');
自定义配置
Notify({
message: '通知内容',
duration: 1000,
background: '#1989fa'
});
组件内调用
引入 Notify 组件后,会自动在 Vue 的 prototype 上挂载 $notify 方法,便于在组件内调用。
export default {
mounted() {
this.$notify('提示文案');
}
}
方法
| 方法名 |
参数 |
返回值 |
介绍 |
| Notify |
options | message
|
notify 实例 |
展示提示 |
| Notify.clear |
- |
void
|
关闭提示 |
| Notify.setDefaultOptions |
options
|
void
|
修改默认配置,对所有 Notify 生效 |
| Notify.resetDefaultOptions |
- |
void
|
重置默认配置,对所有 Notify 生效 |
Options
| 参数 |
说明 |
类型 |
默认值 |
版本 |
| message |
展示文案 |
String
|
- |
1.4.7 |
| duration |
展示时长(ms),值为 0 时,notify 不会消失 |
Number
|
3000
|
1.4.7 |
| color |
字体颜色 |
String
|
#fff
|
1.4.7 |
| background |
背景颜色 |
String
|
#f44
|
1.4.7 |
| className |
自定义类名 |
String | Array | Object
|
- |
1.6.0 |