VUE实现复制与粘贴_获取剪切板内容

目标

在VUE项目中实现复制与粘贴。

实现

1. 复制

安装

1
npm install --save v-clipboard

main.js

1
2
3
4
import Vue from 'vue'
import Clipboard from 'v-clipboard'

Vue.use(Clipboard)

使用

1
this.$clipboard(value);

更多使用方式可参见文档:https://github.com/euvl/v-clipboard

2. 粘贴

粘贴的本质是获取剪切板内容,然后赋值给需要粘贴的地方,获取剪切板内容可以使用下边的方法:

1
2
3
4
5
navigator.clipboard.readText().then((res) => {
console.log('剪切板内容:', res);
}).catch((err) => {
console.log('获取剪切板内容失败:', err);
});

VUE实现复制与粘贴_获取剪切板内容
https://blog.ctftools.com/2022/09/newpost-49/
作者
Dr3@m
发布于
2022年9月1日
许可协议