JS提供复制功能

1.提供复制功能

• 新建js文件提供如下方法

  // 复制
  export function copyText(text) {
    var textarea = document.createElement("textarea");
    textarea.setAttribute("readonly", "readonly"); // 设置只读属性防止手机上弹出软键盘
    textarea.value = text ?? "";
    document.body.appendChild(textarea); // 将 textarea 添加为 body 子元素
    textarea.select(); // 选中文本
    document.execCommand("copy"); // 执行浏览器复制命令
    document.body.removeChild(textarea); // 移除 textarea 元素
  }
  

• 使用方法

  import { copyText } from "@/xxx/xxx"; //先在页面引入该方法
  
  <el-link type="primary" @click="copyText('这是要复制的内容')" style="margin-left: 5px">复制编号</el-link>