需求：点击复制链接，粘贴到地址栏中跳转到相应页面
原理：创建input标签，将链接值赋值给input标签，调用浏览器复制方法
示例代码：
<template>
<div class="box">
<div class="title">复制链接并在地址栏输入可跳转</div>
<p v-text="url"></p>
<el-button v-if="url" @click="CopyUrl"
>复制链接</el-button
>
</div>
</template>
<script>
export default {
data() {
return {
url: "https://www.baidu.com/",
};
},
methods: {
// 复制：获取数据，创建标签，把数据赋值给标签，选择标签对象，执行浏览器复制命令
CopyUrl(data) {
console.log(data);
var Url2 = document.getElementById("inviteCode").innerText; // 获取要复制的数据即地址
var oInput = document.createElement("input"); // 创建input标签存放地址
oInput.value = Url2; // 给input标签赋值
document.body.appendChild(oInput); // 将input标签添加到body里
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = "oInput";
oInput.style.display = "none"; // 隐藏input
this.$message({
message: "复制成功!",
type: "success",
});
},
},
};
</script>
<style>
</style>