1.项目需求示例图

image.png

image.png

2.代码实现

Clipboard.writeText方法
Clipboard 接口的 writeText() 方法可以写入特定字符串到操作系统的剪切板。会返回一个Promise ，一旦剪贴板的内容被更新，它就会被解析。如果调用者没有写入剪贴板的权限，则拒绝写入剪切板（reject）

onCopy(value) {
    navigator.clipboard.writeText(value).then(() => {
        this.$message.success('复制成功')
    })
}