vue 复制文本到浏览器
2019-09-26 本文已影响0人
waiterYu
html
<el-input placeholder="请输入内容" v-model="input" disabled class="input-with-select">
<el-button slot="append" @click="copy">复制链接</el-button>
</el-input>
js
copy() {
this.input 是所需要复制的内容
let url = this.input
let oInput = document.createElement('input')
oInput.value = url
document.body.appendChild(oInput)
oInput.select() // 选择对象
console.log(oInput.value)
document.execCommand('Copy') // 执行浏览器复制命令
this.$message({
message: '已成功复制到剪切板',
type: 'success'
})
oInput.remove()
}