安装

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 |