1.0.2 • Published 4 years ago
安装
npm install vue-popup
引入
import vue_popup from 'vue-popup'
Vue.use(vue_popup)
使用
<vue-popup position="center" ref="popup" type="confirm" @buttonCallback="getBtnCallBack" content="test">
</vue-popup>
介绍
支持Toast、confirm两种形式
PROPS
| 参数 | 说明 | 可选参数 | 参数类型 |
|---|
| type | 弹窗形式 | confirm、toast(默认为 confirm) | String |
| buttonConfirmText | 确认按钮文本 | - | String |
| buttonCancelText | 取消按钮文本 | - | String |
| showTitle | 是否显示标题 | 默认为 true | Boolean |
| titleText | 标题文本 | '' | String |
| content | 弹窗内容 | '' | String |
| showCloseBtn | 是否显示关闭按钮 | 默认为 true | Boolean |
| position | 弹出的位置 | center、top、bottom(默认为 center) | String |
| autoClose | Toast 的弹窗自动关闭时间 | 默认为 3 秒 | Number |
| showToastIcon | 是否显示 toast 的图标 | true,false(默认为 true) | Boolean |
| toastState | toast 图标的状态（成功或者失败） | success,fail | String |
回调函数
| 函数名称 | 说明 | 返回值类型 | 参数类型 |
|---|
| buttonCallback | 点击确认按钮的回调函数 | true | Boolean |