Skip to content

v-copy

复制到剪贴板指令。
useClipboard 的指令版,并根据 ConfigProvider 配置的多语言提示复制成功。

代码演示

基本用法
复制到剪贴板指令
vue
<template>
  <div>
    <span>{{ code }}</span>
    <CopyOutlined class="pointer ml-xs" v-copy="code" />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { CopyOutlined } from "@ant-design/icons-vue";
const code = ref("RF0000000018");
</script>