vue点击复制链接功能

需求：点击复制链接，粘贴到地址栏中跳转到相应页面

原理：创建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(&