vue 点击复制内容功能实现

文本

<li>升级包地址：<span style="color: #05A5FB;cursor: pointer;" @click="showUrl">点击复制</span></li>

方法

调用接口获取url地址

    //查看复制链接
    showUrl(){
      showFileUrl({type:3,typeId:this.id}).then(response => {
         this.copy(response.data);
      })
    },

复制方法

    //复制
    copy(data) {
      let url = data;
      let oInput = document.createElement("input");
      oInput.value = url;
      document.body.appendChild(oInput);
      oInput.select(); // 选择对象;
      console.log(oInput.value)
      document.execCommand("Copy"); // 执行浏览器复制命令
      this.$message.success("复制成功");
    },