开发过程中遇到一个实际的使用场景 , 需要将一个文本内容复制到剪切板

点击前往插件官网

安装

使用下述命令进行插件安装

https://www.npmjs.com/package/vue-clipboard3

使用

<script setup>
// 导入插件
import useClipboard from 'vue-clipboard3'

function getText(){
    // 实例化
    const { toClipboard } = useClipboard()
    // 向剪切板中插入文本
    toClipboard("这是要复制的文本")
    console.error("添加成功")
}
</script>
<template>
    <button @click="getText($event)">添加内容到剪切板</button>
</template>

效果预览