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

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

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