Vue 复制页面内容

方法 1:使用 document.execCommand('copy') 在用户触发的事件中

这种方法适用于用户触发的事件(如点击按钮),因为这是 execCommand('copy') 的唯一允许场景。


 

方法 2:使用 Clipboard API(推荐方式)

从 Chrome 66 开始,Clipboard API 提供了一个更现代、更安全和更标准的方法来复制内容到剪贴板。这种方法可以在任何上下文中使用,而不需要用户交互。


 

方法 3:使用第三方库(如 clipboard.js)

如果想要一个更简单、兼容性更好的解决方案,可以考虑使用第三方库如 clipboard.js。这个库封装了浏览器的各种剪贴板操作,并提供了一个简单易用的 API。

首先,你需要安装 clipboard.js

npm install clipboard --save

然后,在你的 Vue 组件中使用它:


 

随手记录一下~

你可能感兴趣的:(vue.js,javascript,前端,es6)