copyText(){
// 复制单行信息创建input,设置value值
const input = document.createElement('input');
document.body.appendChild(input);
const value = '企业全称:北京xxxxxxx公司'
input.setAttribute('value',value)
input.select();
if (document.execCommand('copy')) {
document.execCommand('copy')
this.$message({
message:'复制成功!',
type:'success',
})
// 复制成功后删除创建到页面的元素
setTimeout(()=>{
document.body.removeChild('input')
},2000)
}
// 换行需要创建textarea,设置innerHTML的值
const input = document.createElement('textarea');
document.body.appendChild(input);
input.innerHTML= '企业全称:xxxxxxxxxxx' + '\n' + '银行账户:xxxxxxxxxxx' + '\n' + '开户行:xxxxxxxxxxx' + '\n' + '转账备注:' + this.form.remarks
input.select();
if (document.execCommand('copy')) {
document.execCommand('copy')
this.$message({
message:'复制成功!',
type:'success',
})
// 复制成功后删除创建到页面的元素
setTimeout(()=>{
document.body.removeChild('input')
},2000)
}
}
vue 复制自定义内容
于 2022-02-24 17:21:51 首次发布