复制功能

Posted wy120

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了复制功能相关的知识,希望对你有一定的参考价值。

好长时间没写过了,随手写一个吧,证明俺还是程序元。

html

<div class="info_right">
          <h6 class="invitation_tit">
            $t(anquan.tuiguang[27])
            <!-- <span
              class="yaoqing_code"
            >$t(anquan.tuiguang[27]):myInfo.invitationCode</span> -->
          </h6>
          <el-input id="link" v-model="myInfo.invitationCode" readonly />
          <span class="copy" @click="copy(‘link‘)">$t(fiatOrder.main[38])</span>
          <!-- 复制链接 -->
        </div>

js:

//复制信息
    copy(whitch) 
      var _this = this;
      var ele = document.getElementById(whitch);
      ele.select();
      document.execCommand("Copy");
      _this.$public.msg(_this.$t("anquan.tuiguang[16]"), "success", _this); //复制成功
    ,

技术图片

 

以上是关于复制功能的主要内容,如果未能解决你的问题,请参考以下文章

JS实现内容复制功能

关于一键复制HTML代码的功能

JS 实现一键复制功能

js一键复制功能及一些坑

求助在移动端如何实现点击复制粘贴功能

vue点击复制功能