安装依赖
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>
运行代码,在文本输入框中输入内容,单击按钮就会发现复制了文本框中的内容。