html(vue+antUI)
<a-button type="primary" @click="conCopy">复制会议号和链接</a-button>
<p id="con">
XXX邀请您参加融合会议
会议名称:{{shareObj.msite}}
会议时间:{{shareObj.shareTime}}
周期会议:{{shareObj.periodicTime}}
会议地点:{{shareObj.addressName ? shareObj.addressName : '无'}}
会议号:{{shareObj.joinNumber}}
参会人点击超链接入会:
{{shareObj.attendeeUrl}}
</p>
js
// 一键复制
conCopy() {
var obj = document.getElementById("con");
//创建input标签
var input = document.createElement('textarea')
let arr = obj.innerHTML
//将input的值设置为需要复制的内容
input.value = arr;
//添加input标签
document.body.appendChild(input)
//选中input标签
input.select()
//执行复制
document.execCommand('copy')
//成功提示信息
this.$message.success('复制成功!')
//移除input标签
document.body.removeChild(input)
},
}
版权声明:本文为zhaoyizhu1990原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。