Vue3 复制文本的方法

点击事件

  我用的是Arco-design组件库中的table组件

  这里我点击icon触发click事件 传递需要打印的参数 record.userAccount 

 <icon-copy @click="duplicate(record.userAccount)" />

 方法

const duplicate = (userAccount) => {

  const textarea = document.createElement("textarea");

  textarea.value = userAccount;

  document.body.appendChild(textarea);

  textarea.select();

  document.execCommand("copy");

  document.body.removeChild(textarea);

  proxy.value.appContext.config.globalProperties.$messageAcro.success(

    "复制成功"

  );

};

    proxy.value.appContext.config.globalProperties.$messageAcro.success( "复制成功" );这个是我写的全局方法，你们可以删除掉。根据项目要求去给个提示方法即可。

  我之前还写过一篇文章使用的是 navigator.clipboard.writeText()方法，不过好像已经被弃用了。