vue3一个简单好用的复制到剪贴板插件

npm: https://www.npmjs.com/package/vue-clipboard2

开始

npm i vue-clipboard2

在main.ts中引入

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

引入后就可以直接在页面中使用了

<script setup lang="ts">
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance() as any;
// 传入文本
const onCopy = (text: string) => {
 proxy.$copyText(text).then(
 () => {
 console.log("复制成功");
 },
 () => {
 console.log("复制失败");
 }
 );
};
</script>