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>