zoukankan      html  css  js  c++  java
  • Vue中复制文本 vue-clipboard2 / React中复制文本

    附上代码,方便复制粘贴

       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);
       }
     },
    

    Antd 为复制文本提供了组件

    <Paragraph copyable>This is a copyable text.</Paragraph>

    {
      text: string,
      onCopy: function,
      icon: ReactNode,
      tooltips: false | [ReactNode, ReactNode],
    }
    

  • 相关阅读:
    C# @符号的多种使用方法
    C#抽象工厂简单实现类
    项目总结——谈谈封装(抽象工厂+反射+缓存机制)
    C#中String类的几个方法(IndexOf、LastIndexOf、Substring)
    String str 与 String str=new String("") 区别
    sql面试题
    [bzoj2038]莫队算法学习
    分治算法初步
    线段树训练
    [poj2104]可持久化线段树入门题(主席树)
  • 原文地址:https://www.cnblogs.com/zpsakura/p/11375952.html
Copyright © 2011-2022 走看看