0
点赞
收藏
分享

微信扫一扫

vue 复制自定义内容

大雁f 2022-02-24 阅读 124
copyText(){
	// 复制单行信息创建input,设置value值
	const input = document.createElement('input');
	document.body.appendChild(input);
    const value = '企业全称:北京趣动科技有限公司'
	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)
	}
}
举报

相关推荐

0 条评论