Copy 复制

February 27, 2026 · View on GitHub

支持一键复制文本内容到剪贴板,带复制成功提示。

引入

import { ACopy } from '@airpower/web'

Props

参数说明类型默认值必填
content要复制的内容string-
hideIcon是否隐藏复制图标booleanfalse
wrap是否换行显示booleanundefined

Emits

无(通过 $attrs 透传给 ElLink)

Slots

插槽名说明作用域参数
default自定义显示内容,不传则显示 content-

示例

<template>
  <!-- 基础用法 -->
  <ACopy content="要复制的文本" />

  <!-- 自定义显示内容 -->
  <ACopy content="实际复制的内容">
    显示的内容
  </ACopy>

  <!-- 隐藏图标 -->
  <ACopy content="文本" hide-icon />

  <!-- 允许换行 -->
  <ACopy content="长文本内容" wrap />
</template>

注意事项

  • 点击组件会自动复制 content 到剪贴板
  • 复制成功后会显示 Toast 提示
  • 支持所有 Element Plus Link 的原生属性和事件(通过 $attrs 透传)
  • content 为空,插槽默认显示 -