Vue3 ts实现复制到剪切板功能
1、使用内置navigator对象
注意:在测试环境下可以正常使用,但是正式环境中必须是https协议,不然浏览器会禁用,使用会出现undefined writeText error
navigator.clipboard.writeText(str) // str 为需要复制的文字
2、使用clipboard3插件
安装插件
npm install vue-clipboard3 --save
引入插件
import clipboard3 from 'vue-clipboard3'
关键代码
const { toClipboard } = clipboard3()
await toClipboard(str) // str 为需要复制的文字
3、实现效果