一、复制
https://clipboardjs.com/
一键复制基于clipboard.js
使用方法:
cnpm install clipboard
import Clipboard from 'clipboard';
<a-button class="copy_content"
:data-clipboard-text="voice + '@@@' + ass"
@click="copy(voice + '_' + ass)">
一键复制
</a-button>
copy(text){
const clipboard = new Clipboard('.copy_content')
clipboard.on('success', e => {
this.$message.success('复制成功!');
// 释放内存
clipboard.destroy();
})
clipboard.on('error', e => {
// 不支持复制
this.$message.warning('该浏览器不支持自动复制');
// 释放内存
clipboard.destroy()
})
},
二、粘贴
1、自动获取
navigator.clipboard.readText().then((v) => {
console.log("获取剪贴板成功:", v);
}).catch((v) => {
console.log("获取剪贴板失败: ", v);
});
2、粘贴事件获取
window.addEventListener("paste", function (e) {
const clipdata = e.clipboardData || window.clipboardData;
console.log("主动粘贴", clipdata.getData("text/plain"));
});
[
](https://blog.csdn.net/qq_36658051/article/details/107908422)