JZTXT

JS实现把内容复制到剪切板中

发布时间 2023-12-04 23:39:55作者: Morning枫

其中弹出框是采用了Element-PLUS组件实现，你可以选择使用原生的alert去实现，或者不做提醒都可以，同时我加入了async进行异步，你也可以去掉async（记得同时去掉await），还可以不采用try进行错误处理（我怕一些浏览器不兼容？）

/**
 *	把传入的值放入用于剪切板
 *	data：需要放入剪切板的值
 */
const copyInvitationCode = async (data: any) => {
  try {
    await navigator.clipboard.writeText(data)
      .then(() => {
        ElMessage.success('已经复制到剪切板')
      })
  }
  catch (error) {
    ElMessage.error('复制失败！可能是浏览器不兼容')
  }
  finally {
    copyLoading.value = false
  }
}