复制粘贴插件Clipboard

移动端经常回用到复制粘贴功能,这里记录一下

安装:

npm install clipboard --save 

引入:

import Clipboard from "clipboard";

使用:

<span id="copyId">待复制文本</span>
<button
        id="copyBtn"
        data-clipboard-action="copy"
        data-clipboard-target="#copyId"
        block
        type="info"
        class="coverBtn"
        @click="copyUrl"
        >复制</button>
copyUrl() {
      var that = this;
      var clipboard = new Clipboard("#copyBtn");
      clipboard.on("success", function (e) {
        that.$toast("已复制到剪切板");
        e.clearSelection();
      });
    },

 

posted @ 2021-05-13 17:00  程序员瑶琴  阅读(312)  评论(0)    收藏  举报