PC端与uniapp app端复制内容到剪切板的方法

PC端与uniapp app端复制内容到剪切板的方法

下面展示一些 内联代码片。

// 函数的调用就是
// @click="myCopy('内容')"

// 使用方式
myCopy(txt) { 
   var input = document.createElement("input"); // 创建一个新input标签
    input.setAttribute("readonly", "readonly"); // 设置input标签只读属性
    input.setAttribute("value", txt); // 设置input value值为需要复制的内容
    document.body.appendChild(input); // 添加input标签到页面
    input.select(); // 选中input内容
    input.setSelectionRange(0, 9999); // 设置选中input内容范围
    document.execCommand("copy"); // 复制
    document.body.removeChild(input);  // 删除新创建的input标签
    //此处可以设置一个弹窗提示
    alert('已复制到剪切板')
    
}