vue项目复制拷贝文字、链接等

有你好果子

已于 2023-02-20 14:02:07 修改

阅读量524

点赞数

分类专栏： vue JS 文章标签：前端 javascript html5

于 2023-01-17 10:43:55 首次发布

本文链接：https://blog.csdn.net/m0_59501287/article/details/128713116

版权

vue 同时被 2 个专栏收录

22 篇文章 1 订阅

订阅专栏

12 篇文章 0 订阅

订阅专栏

1.html

<span class="urlSpan" id="copyCode">{{ url }}</span>
<a-button size="small" ghost type="primary" @click="copyText">复制链接</a-button>

2.js

//复制链接
        copyText(val) {
      let copyInput = document.createElement("input"); // 创建标签
      copyInput.value = val; // 标签赋值
      document.body.appendChild(copyInput); // 添加标签
      copyInput.select(); // 选取文本框内容
      document.execCommand("copy"); // 调用浏览器复制
      document.body.removeChild(copyInput); // 复制成功后再将构造的标签 移除
    },