create-base-teek-theme/dist/template/docs/articles/使用指南/02.基础组件/06.CopyButton.md

``` npm create base-teek-theme@latest my-first-blog ```

---

date: 2025-04-03 19:25:42
title: CopyButton
permalink: /pages/04abfc
tags:
  - vue组件
author:
  name: 华总
  link: https://xiaoying.org.cn
categories:
  - 使用指南
  - 基础组件

---






## 说明

复制组件，点击即可复制对应的内容

## 使用

```vue
<template>
  <div>
     <copy-button :text="InputText"></copy-button>
     <el-input v-model="InputText" />
  </div>
</template>

<script setup lang="ts">
import CopyButton from 'liyao-vue-common';

const InputText = ref('');
</script>
```