使用场景:vue项目中遇到点击按钮,复制文本的功能。复制成功后可以黏贴。
<div @click="copyDesc">复制</div>methods:{copyDesc () {let url = `这是复制的内容,可以是data的变量值或传递的参数等换行文字1换行文字2` let oInput = document.createElement('textarea') //input不会保留格式 textarea可以保留格式 在配和模板字符串 ` `oInput.value = urldocument.body.appendChild(oInput)oInput.select() // 选择对象;document.execCommand('Copy') // 执行浏览器复制命令this.$message({message: '复制成功',type: 'success'})oInput.remove()},
}