引入
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说明文档
发表评论 取消回复