message 抽屉组件 Beta
示例
最新的示例请看 src/demos/drawer.vue
Attributes
参数 | 必填 | 说明 | 类型 | 可选值 | 默认值 |
title | 否 | 标题 | string | —— | '' |
size | 否 | 类型 | string | —— | 620px |
show | 是 | 显示抽屉 | boolean | true/false | —— |
tag | 否 | 滚动容器父级元素标签,例如 div ,ul | string | —— | div |
cancelTxt | 否 | 取消文本 | string | —— | —— |
ensureTxt | 否 | 确认文本 | string | —— | —— |
new showDialogWhenCancel | 否 | 当点击取消按钮时,是否显示取消的【二次确认弹窗】 | boolean | true/false | false |
beforeCancel | 否 | 点击取消钩子函数 | function | —— | —— |
beforeEnsure | 否 | 点击确认钩子函数 | function | —— | —— |
2021年11月11日 新增属性:
参数 | 必填 | 说明 | 类型 | 可选值 | 默认值 |
showDialogWhenCancel | 否 | 当点击取消按钮时,是否显示取消的【二次确认弹窗】 | boolean | true/false | false |
Events
事件名称 | 说明 | 回调参数 |
close-drawer | YkcDrawer 关闭抽屉时 | — |
open-drawer | YkcDrawer 打开抽屉时 | — |
dialog-cancel-click | YkcDrawer【二次弹窗】取消事件,方便用户处理之后自定义的逻辑 | — |
dialog-confirm-click | YkcDrawer 【二次弹窗】确认事件,方便用户处理之后自定义的逻辑 | — |
2021年11月11日 新增事件
事件名称 | 说明 | 回调参数 |
dialog-cancel-click | YkcDrawer【二次弹窗】取消事件,方便用户处理之后自定义的逻辑 | — |
dialog-confirm-click | YkcDrawer 【二次弹窗】确认事件,方便用户处理之后自定义的逻辑 | — |