跨浏览器支持,pc,手机端支持。
轻量级,不依赖flash, 不依赖其他框架,gzip压缩后只有3kb大小。
安装
npm install --save vue-clipboard3
使用
<template>
<button @click="copy">Copy!</button>
</template>
<script lang="ts" setup>
import useClipboard from "vue-clipboard3";
const { toClipboard } = useClipboard();
//写法1
const copy1=(content)=> {
toClipboard(content);
ElMessage.success("复制成功")
};
//写法2
const copy2=async(content)=>{
try {
await toClipboard(text);
ElMessage.success("复制成功");
} catch (e) {
ElMessage.error(e);
}
};
</script>
参考:Vue3实现复制功能_vue-clipboard3 Vu3复制插件_vue3 v-clipboard-CSDN博客