借用input框来使用document.execCommand(‘copy’)方法
//手动创建一个input框
const input = document.createElement('input');
document.body.appendChild(input);
//将想要复制的内容设置为input框的内容
input.setAttribute('value', window.location.href);
//选中input框的内容
input.select();
//判断当前浏览器是否支持该复制方法
if (document.execCommand('copy')) {
document.execCommand('copy');
console.log('复制成功');
ElMessage({
message:'内部链接复制成功,您可以通过粘贴分享给其他人',
type:'success',
showClose:true
})
}else{
console.log('失败')
ElMessage.error('复制失败!当前浏览器不支持复制')
}
//移除input节点
document.body.removeChild(input);
document.exceCommand()方法教程:
详解Javascript中document.execCommand()的用法以及指令参数列表