点击实现文字复制

发布时间 2023-08-23 09:57:07作者: 一名小学生呀
// 1. 创建一个方法文件  fun.js
export const copyToClipboard = (text, callback) => {
    if (navigator.clipboard) {
        // clipboard api 复制
        navigator.clipboard.writeText(text);
    } else {
        var textarea = document.createElement("textarea");
        document.body.appendChild(textarea);
        // 隐藏此输入框
        textarea.style.position = "fixed";
        textarea.style.clip = "rect(0 0 0 0)";
        textarea.style.top = "10px";
        // 赋值
        textarea.value = text;
        // 选中
        textarea.select();
        // 复制
        document.execCommand("copy", true);
        // 移除输入框
        document.body.removeChild(textarea);
    }
  if(callback) callback(text)
};


// 2. 页面中使用
import { copyToClipboard } from "./fun.js";

copyToClipboard(val, () => {
        this.$message.success("val值 --- 复制成功!");
});