Vue3 使用 vue-clipboard3 实现一键复制

安装依赖

npm install --save vue-clipboard3

示例

<template><el-input v-model="data"></el-input><button @click="touchCopy">复制链接</button>
</template><script setup lang="ts">
// 导入插件
import { ref } from "vue";
import useClipboard from "vue-clipboard3";
// 使用插件
const { toClipboard } = useClipboard();const data = ref("haha");
// 点击复制
const touchCopy = async () => {try {// 复制await toClipboard(data.value);// 复制成功} catch (e) {// 复制失败}
};
</script>

运行代码，在文本输入框中输入内容，单击按钮就会发现复制了文本框中的内容。