Vue中复制文本 vue-clipboard2-优快云博客

本文介绍了一种在特定应用中实现会议详情复制的功能，通过解析会议成员、时间、地点等信息，构造并复制包含所有必要会议信息的文本，便于用户分享会议详情。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

附上代码，方便复制粘贴
//复制文本
onCopy(meetingId) {
let _this = this;
getMeetingDetail(meetingId).then(res => {
let groupUsers = "";
let meeting = res.result;
if (
res.result.meetingMembers != null &&
res.result.meetingMembers.length
) {
res.result.meetingMembers.map(item => {
if (/<[^>]+>/gim.test(item.remark)) {
item.remark = item.remark.replace(/<[^>]+>/gim, "");
}
groupUsers += @${item.remark};
});
}
if (res.result.startAt !== null && res.result.endAt !== null) {
meeting.startAt = meeting.startAt.substring(11, 19);
meeting.endAt = meeting.endAt.substring(11, 19);
}
_this.msg = （1）会议议题：${meeting.topic} （2）会议日期：${meeting.dateAt} （3）会议时间：${meeting.startAt} - ${meeting.endAt} （4）会议地点：${meeting.address} （5）主持人：${meeting.sponsor} （6）参会人员：${meeting.participants} 【友情提示】 1）请各参会人员提前5分钟到达会议现场 2）请相关负责人协调人员参加 ${groupUsers};
});

  setTimeout(function() {
    _this.$copyText(_this.msg).then(
      function(e) {
        _this.$message.success("复制成功");
      },
      function(e) {
        _this.$message.warning("复制失败");
      }
    );
  }, 500);
}

转载于:https://www.cnblogs.com/zppsakura/p/11375952.html