微信小程序 按钮点击复制

2019-08-09  本文已影响0人  小小小小猿猴

调用小程序的接口来实现,没什么难点,就直接上代码啦。

wxml:

<view>内容:{{contents}}</view>

<view bindtap='copyText' data-text="{{contents}}">复制</view>

js:

Page({

  data: {

    contents:'这是可以复制的文字,粘贴后即可看到效果'

  },

  copyText: function (e) {

    console.log(e)

    wx.setClipboardData({

      data: e.currentTarget.dataset.text,

      success: function (res) {

        wx.getClipboardData({

          success: function (res) {

            wx.showToast({

              title: '复制成功'

            })

          }

        })

      }

    })

  },

})

上一篇 下一篇

猜你喜欢

热点阅读