mr-menu-dialog v1.0.3

mr-menu-dialog

介绍

mr-menu 确认取消弹窗
*打开方法
this.$refs.××××.open()

安装教程

npm i --save mr-menu-dialog  
import mrMenuDialog from 'mr-menu-dialog'  
Vue.use(mrMenuDialog)

可全局或单页面引用

使用说明

*参数
| 参数 | 行为 | 类型 | 是否 | |------------------|-------------------------|--------|----| | dialogTitle | 弹窗标题 | string | 否 | | dialogText | 弹窗文案 | string | 否 | | cancelText | 取消按钮文案 | string | 否 | | confirmText | 确认按钮文案 | string | 否 | | dialogCreatAni | 弹窗入场动画(参照animate.css动画) | string | 否 | | dialogDestroyAni | 弹窗离场动画(参照animate.css动画) | string | 否 |

*Function
| 方法名 | 行为 | |---------------|--------| | @dialogCancel | 点击取消按钮 | | @dialogSure | 点击确认按钮 |

*引用案例

<mr-menu-dialog 
    ref='dialogRef'
    @dialogSure='dialogSure' 
    @dialogCancel='dialogCancel'
    :dialog-title='dialogTitle' 
    :dialog-text='dialogText' 
    :cancel-text='cancelText' 
    :confirm-text='confirmText'
    :dialog-creat-ani='dialogCreatAni'
    :dialog-destroy-ani='dialogDestroyAni'
    ></mr-menu-dialog>

*效果展示