vue复制文本

宴玖

于 2024-08-30 17:21:46 发布

阅读量225

点赞数 1

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

本文链接：https://blog.csdn.net/Ccuurree/article/details/141723067

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

点击按钮对文本进行复制

// 代码复制
const copyCode = async (copyText) => {
    if (copyText) {
    try {
        await navigator.clipboard.writeText(copyText);
            ElMessage.success('复制成功！');
        } catch (err) {
            ElMessage.error('复制失败！');
        }
    }
}

上面的复制在测试环境不行，换了下面的可以了

// 复制
const copyHandler = async (copyText) => {
  try {
    if (!copyText) return;
    var input = document.createElement("input");
    input.value = copyText;
    document.body.appendChild(input);
    input.select();
    document.execCommand("copy");
    document.body.removeChild(input);
    ElMessage.success("复制成功");
  } catch (error) {
    ElMessage.error("复制失败");
  }
};