微信小程序按钮实现点击复制功能的步骤

微信小程序功能篇01

• 关于微信小程序开发文档中的总结的一些开发经验分享:

1. 点击按钮执行复制操作效果.
   

• . 按下粘贴或 Ctrl + V 可以进行粘贴操作

2. 复制实现的步骤.
3. 1. 获取要复制的文本数据

let address = '广州市' //定义

2. 2. 给按钮或其他元素绑定点击事件
      
3. 3. 事件逻辑,这里需要调用微信开发文档中的API

// 点击复制
  copywxtap: function (event) {
    // var wxChat = event.currentTarget.dataset.wechatid //接收wxml传过来的数据
    wx.showToast({
      title: '复制成功',
    })

	// 下方为微信开发文档中的复制 API
    wx.setClipboardData({
      data: this.data.address, //复制的数据
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            console.log(res.data) //打印赋值的数据
          }
        })
      }
    })
  },

接下来就可以愉快的复制啦

3. 还有粘贴的 API 也贴在这里(都可以在微信开发文档中找到具体的用法)

// 点击粘贴
  paste: function (event) {
    wx.getClipboardData({
      success(res) {
        console.log(res.data)
      }
    })
  }

后面会继续更新的亚