vue3 點擊復制

 

 

提取公共方法：

import { copyDomText } from "@/untils/common.js";

 

使用：

    //復制
    const copyCode = (val) => {
      copyDomText(val);
    };

 

common.js文件

import {
  ElMessage
} from "element-plus";
export function copyDomText(val) {
  // 獲取需要復制的元素以及元素內的文本內容
  const text = val;
  // 添加一個input元素放置需要的文本內容
  const input = document.createElement("input");
  input.value = text;
  document.body.appendChild(input);
  // 選中並復制文本到剪切板
  input.select();
  document.execCommand("copy");
  // 移除input元素
  document.body.removeChild(input);
  ElMessage({
    message: "復制成功",
    type: "success",
  });
}

 

 

還有一種引入插件的方法可以參考：

https://www.jianshu.com/p/93510591290b