adminPage-vue3依赖 v1.1.0新增组件 DeleteButton说明文档
引入
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 |
效果
原文地址:https://blog.csdn.net/weixin_44599143/article/details/142909738
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!