前端小组件——“一键复制按钮”

542 阅读1分钟

今天前端小白来讲讲微信小程序的“一键复制按钮”,直接上图上码🐎

这是按钮——>>

这是效果——>>

这是🐎——>>

微信id:{{wxid}} //这是被复制内容

点击复制

//这是复制按钮

这是js部分——>>

`copyText: function (e) { `

 wx.setClipboardData({   //wx.setClipboardData(Object object)

设置系统剪贴板的内容。调用成功后,会弹出 toast 提示"内容已复制",持续 1.5s

  data: e.currentTarget.dataset.text, 

    success: function (info) { 

      wx.getClipboardData({ 

         success: function (info) { 

             wx.showToast({ title: '复制成功' }) 

           } 

         }) 

       } 

    }) 

 }