Skip to content
On this page

按钮

何时使用

在有需要相关功能按钮时,可以直接使用下列按钮作为解决方案

代码演示

按钮功能分别是文本复制、文件上传和文件保存

<template>
  <a-space>
    <h-text-copy-button content="He3" icon type="primary"/>
    <h-file-upload-button />
    <h-content-save-button url="https://he3.app/" icon  type="primary"/>
  </a-space>
</template>

API

属性

通用

属性说明类型默认值
type按钮类型enumprimary
size按钮大小enumsmall
icon是否显示按钮图标boolean
disabled是否禁用booleanfalse

参数修改

title属性修改成默认插槽,类似<button>使用即可</button>

TextCopy

属性说明类型默认值
content需要复制的内容string
successMessage成功信息string

参数修改

copy-content -> content

successText -> successMessage

FileUpload

属性说明类型默认值
accept接受的文件类型,详见input accept Attributestring

ContentSave

属性说明类型默认值
content保存文案string
fileType保存文件类型FileType
url文件链接string

参数修改

saveText -> content

事件

FileUpload

属性说明类型默认值
afterSelected文件选择回调函数Function

WARNING

url与content两个参数选择其中一个传入,前者保存链接中的文件,后者保存传入文本为文本文件

插槽

属性说明类型默认值
default默认component