(vue)图标实现一键复制

最新推荐文章于 2024-04-16 14:19:44 发布

nyf_unknown

最新推荐文章于 2024-04-16 14:19:44 发布

阅读量615

点赞数

分类专栏： VUE 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44754635/article/details/126764608

版权

VUE 专栏收录该内容

191 篇文章 2 订阅

订阅专栏

(vue)图标实现一键复制

在这里插入图片描述

实际应用：

  <div class="copyBtn">
    <i class="el-icon-document-copy" @click="copyBtn(cypher)" />
  </div>

  //拷贝
  copyBtn(cypher) {
    const input = document.createElement("input");
    input.style.cssText = "opacity: 0;";
    input.type = "text";
    input.value = cypher; // 修改文本框的内容
    document.body.appendChild(input);
    input.select(); // 选中文本
    document.execCommand("copy"); // 执行浏览器复制命令
    this.$Message.success("复制成功");
  },