h5原生 一键复制

h5原生 一键复制

在pubilc文件夹index种引入

    <meta name="format-detection" content="telephone=yes"/>
    <script src="https://clipboardjs.com/dist/clipboard.min.js"></script>

  <p class="row-content">{{ detail.outTradeNo }}</p>
   <button class="button-copy" @click="copyAction(detail.outTradeNo)">
              复制
   </button>

copyAction(outTradeNo) {
        const that=this
        // TODO: 复制订单号
        var clipboard = new window.ClipboardJS('.button-copy', {
          text: function () {
            return outTradeNo
          },
        })

        clipboard.on('success', function () {
          that.$toast('复制成功！')
          return
        })

        clipboard.on('error', function () {
          that.$toast('复制失败！请手动复制')
          return
        })
      },