注意:需要在安全域下才能够使用,比如:https 协议的地址、127.0.0.1、localhost
safari浏览器需要打开配置,在地址栏输入 about:config,搜索 clipboard,将 asyncClipboard 由 false 改为 true,然后重启浏览器
1、写剪切板
navigator.clipboard
.writeText(this.message)
.then(() => {
this.$message.success("复制成功");
})
.catch((err) => {
// 复制失败
console.error("复制失败", err);
});
2、读剪切板
navigator.clipboard
.readText()
.then(rst => {
console.log(rst);
}).catch(err => {
console.log(err)
});
3、如果出现失败的情况可以尝试在操作之前加上
$('body').click();
最后推荐一个开源的 clipboard.js
https://github.com/zenorocha/clipboard.jshttps://github.com/zenorocha/clipboard.js