• 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],
    }
    

  • 相关阅读:
    Linux安装zookeeper以及部署dubbo-admin
    springboot+layui+mybatis-plus的批量删除(批量修改)
    springboot打包jar与war包
    drf-books系列接口作业和分页器
    drf-过滤排序异常处理封装Response对象
    drf-认证权限频率
    drf-路由组件
    视图组件
    请求和响应
    Serializer和ModelSerializer
  • 原文地址:https://www.cnblogs.com/zpsakura/p/11375952.html
Copyright © 2020-2023  润新知