VUE开发过程中,我们需要点击某按钮实现复制某些文本功能,常用的可以安装 clipboard 来实现。也可以执行浏览器复制命令来达到效果。下面我们就说说如何使用执行浏览器复制命令来实现复制功能。
vue如何复制内容到剪切板
实现很简单,定义在一个函数,再使用复制功能时调用函数即可
copy(val) {
let oInput = document.createElement('input')
oInput.value = val
document.body.appendChild(oInput)
oInput.select()
document.execCommand("Copy") // 执行浏览器复制命令
oInput.remove()
//alert('复制成功')
}
调用函数: copy("需要复制的内容")