自学内容网 自学内容网

adminPage-vue3依赖 v1.1.0新增组件 DeleteButton说明文档

adminPage-vue3依赖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所有属性当用户二次确认时将会触发undefined1.1.0

效果

在这里插入图片描述

在这里插入图片描述


原文地址:https://blog.csdn.net/weixin_44599143/article/details/142909738

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!