一键复制 — vue

最新推荐文章于 2024-09-09 11:08:24 发布

一只桃子~

最新推荐文章于 2024-09-09 11:08:24 发布

阅读量313

点赞数

文章标签： vue.js javascript css

本文链接：https://blog.csdn.net/qq_43405603/article/details/128053134

版权

电话号码复制点击事件模拟输入框浏览器复制用户交互

关键词由CSDN通过智能技术生成

<div @click="copyWX(18888888888)">一键复制</div> 

//点击事件
 copyWx(item) {
      // 模拟 输入框
      var cInput = document.createElement("input");
      cInput.value = item;
      document.body.appendChild(cInput);
      cInput.select(); // 选取文本框内容

      // 执行浏览器复制命令
      // 复制命令会将当前选中的内容复制到剪切板中（这里就是创建的input标签）
      // Input要在正常的编辑状态下原生复制方法才会生效

      document.execCommand("copy");

      this.$toast({
        type: "success",
        message: "单号复制成功",
      });

      // 复制成功后再将构造的标签 移除
      document.body.removeChild(cInput);
    },