不用插件实现一键复制功能

前言

一键复制功能有很多的插件可以实现，本次分享一下不借助插件实现该功能，话不多说，直接上代码

代码在这

// 复制功能
   const handleCopyText = (CopyTextData) => {
     let Input = document.createElement("input"); //创建一个隐藏input（重要！）
     Input.style.display = "none";//设置隐藏
     Input.value = CopyTextData; //赋上要复制的值
     document.body.appendChild(Input);
     Input.select(); // 选择对象
     try {
       if (document.execCommand("Copy")) {
         document.execCommand("Copy"); // 执行浏览器复制命令
         ElMessage({
           type: "success",
           message: "复制成功",
         });
       } else {
         ElMessage({
           type: "error",
           message: "复制失败，浏览器暂不支持此功能，请升级或更换浏览器",
         });
       }
     } catch (error) {
       ElMessage({
         type: "error",
         message: "复制失败：" + error,
       });
     }
     Input.remove(); //移除dom
   };

原理分析

该方法主要靠document.execCommand(“Copy”)来实现，原理是调用浏览器的复制命令，好了完事，特此记录