通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器)

1.业务需求：

vue项目需要通过点击button按钮将指定内容复制到粘贴板中，且不引入第三方组件。

2.解决方案：

js写法如下（这里是利用了浏览器对选中的input标签的复制功能，且兼容各主流浏览器）：

// 复制操作函数（text:被复制的内容，可自定义）copyText(text) {let input = document.createElement('input') // 新增一个inputinput.style.position = 'relative' // 将它隐藏（注意不能使用display或者visibility，否则粘贴不上）input.style.zIndex = '-9'document.body.appendChild(input) // 追加input.value = text // 设置文本框的内容input.select() // 选中文本document.execCommand("copy") // 执行浏览器复制命令this.$message.success('已复制到粘贴板!')},