jk's notes
  • Notify 通知

Notify 通知

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/notify#jie-shao

函数式 API, 在手机顶部弹出一个提示框, 显示一定内容. 该组件有组件用法和函数用法两种方式. 组件用法支持自定义提示样式, 函数式用法更为简洁.

showNotify({ message: '提示消息' })

注意引入必要的 CSS.

常用属性有:

  • type, 用于控制提示级别(颜色样式). 可取值有:
    • primary, success, warning, danger (默认).
  • color, background 设置自定义颜色.
  • position, 定义通知的位置 (少用).
  • duration, 通知持续的时间. 设置为 0 时不会自己消失, 调用 closeNotify() 来关闭.

组件用法, 采用 v-model:show 控制显示, 使用默认插槽来定义提示内容.

Last Updated:
Contributors: jk