美文网首页
微信小程序 按钮点击复制

微信小程序 按钮点击复制

作者: 小小小小猿猴 | 来源:发表于2019-08-09 10:41 被阅读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: '复制成功'

            })

          }

        })

      }

    })

  },

})

相关文章

网友评论

      本文标题:微信小程序 按钮点击复制

      本文链接:https://www.haomeiwen.com/subject/ixecjctx.html