16:58
# Toast - 提示框
说明
此组件为弹窗提示框,用于提示用户信息
# 平台差异说明
App | H5 | 微信小程序 |
---|---|---|
√ | √ | √ |
# 基本使用
<template>
<au-toast :toast="toast"></au-toast>
</template>
# API
# Props
名称 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
toast | 加载文案 | Object | { title: 'Success', icon: 'none', content: '' } | - |
duration | 持续时间 | Number | 2000 | - |
position | 显示位置 | String | center | top/bottom |
# Methods
名称 | 说明 | 参数 |
---|---|---|
show | 显示弹窗 | { title, icon, content } |
最佳实践
由于组件内部监听toast变换 可以将toast保存在vuex变量,每次修改vuex变量都可以显示弹窗