<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>