引入
import { DeleteButton} from 'adminpage-vue3'
思路介绍
本组件是基于element-UI，对于删除按钮进行的二次确认的整体封装，减少代码量，以下代码完全等价
<DeleteButton @delete="deleteHandle"/>
<ElPopconfirm title="确定删除？" @confirm="deleteHandle">
<template #reference>
<slot name="reference">
<ElButton link type="danger">
删除
</ElButton>
</slot>
</template>
</ElPopconfirm>
DeleteButton API汇总
属性
| 属性名 | 说明 | 类型 | 默认值 | 版本号 |
|---|---|---|---|---|
| ElButton 所有属性 | ElButton所有属性 直接声明到组件上即可，将覆盖ElButton默认属性 | -/- | -/- | 1.1.0 |
| title | 提示文案，将用于二次确认 | String | 确定删除？ | 1.1.0 |
| buttonText | 按钮文案 | String | 删除 | 1.1.0 |
事件
| 属性名 | 说明 | 返回数据 | 版本号 |
|---|---|---|---|
| delete所有属性 | 当用户二次确认时将会触发 | undefined | 1.1.0 |
效果
本站资源均来自互联网，仅供研究学习，禁止违法使用和商用，产生法律纠纷本站概不负责！如果侵犯了您的权益请与我们联系！
转载请注明出处： 免费源码网-免费的源码资源网站 » adminPage-vue3依赖 v1.1.0新增组件 DeleteButton说明文档
发表评论 取消回复