按钮
何时使用
在有需要相关功能按钮时,可以直接使用下列按钮作为解决方案
代码演示
按钮功能分别是文本复制、文件上传和文件保存
<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 | 按钮类型 | enum | primary |
size | 按钮大小 | enum | small |
icon | 是否显示按钮图标 | boolean | |
disabled | 是否禁用 | boolean | false |
参数修改
title属性修改成默认插槽,类似<button>使用即可</button>
TextCopy
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
content | 需要复制的内容 | string | |
successMessage | 成功信息 | string |
参数修改
copy-content -> content
successText -> successMessage
FileUpload
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
accept | 接受的文件类型,详见input accept Attribute | string |
ContentSave
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
content | 保存文案 | string | |
fileType | 保存文件类型 | FileType | |
url | 文件链接 | string |
参数修改
saveText -> content
事件
FileUpload
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
afterSelected | 文件选择回调函数 | Function |
WARNING
url与content两个参数选择其中一个传入,前者保存链接中的文件,后者保存传入文本为文本文件
插槽
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
default | 默认 | component |