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