微信小程序如何点击按钮,复制文本到粘贴板

简介: 微信小程序如何点击按钮,复制文本到粘贴板

微信小程序我是用的uniapp写的,所以部分API可能和微信小程序原本的不同

<text class="code-id">
    <text>會員ID:</text>
    <text selectable="true">{{ details.id }}</text>
</text>
<view class="btn">
        <button @click="copyBtn" class="code-btn" size="mini" type="default">複製</button>
</view>
       copyBtn(e) {
      let that = this;
      uni.setClipboardData({
                //要复制的内容
        data: that.details.id,
        success: res => {
          uni.getClipboardData({
            success: res => {
              wx.showToast({
                title: '複製成功'
              });
            }
          });
        }
      });
    }

1、uni.setClipboardData(OBJECT)

设置系统剪贴板的内容。

OBJECT 参数说明

image.png

2、uni.getClipboardData(OBJECT)

OBJECT 参数说明

image.png

success 返回参数说明

参数 类型 说明
data String 剪贴板的内容
相关文章
|
3月前
|
JSON 小程序 前端开发
towxml的使用,在微信小程序中快速将markdown格式渲染为wxml文本
本文介绍了在微信小程序中使用`towxml`库将Markdown格式文本渲染为WXML的方法。文章提供了`towxml`的概述、安装步骤、以及如何在小程序中配置和使用`towxml`进行Markdown解析的详细说明和代码示例。
|
3月前
|
小程序 前端开发 生物认证
微信小程序如何将一个按钮放到页面的最底下?
微信小程序如何将一个按钮放到页面的最底下?
402 5
|
5月前
|
小程序
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
69 0
|
5月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
47 0
|
5月前
|
小程序 JavaScript
【微信小程序-原生开发】实用教程03-自定义底部导航(含自定义tabBar导航高亮需点击两次的解决方案)
【微信小程序-原生开发】实用教程03-自定义底部导航(含自定义tabBar导航高亮需点击两次的解决方案)
163 0
|
7月前
|
小程序
微信小程序实现点击复制(wx.setClipboardData)
微信小程序实现点击复制(wx.setClipboardData)
167 0
|
7月前
|
小程序
uni-app微信小程序隐藏左上角返回按钮
uni-app微信小程序隐藏左上角返回按钮
667 1
|
7月前
|
小程序
微信小程序——简易复制文本
微信小程序——简易复制文本
93 0
|
7月前
|
小程序 数据可视化 前端开发
微信小程序开发入门教程-文本组件介绍
微信小程序开发入门教程-文本组件介绍
|
7月前
|
小程序
微信小程序——简易复制文本
微信小程序——简易复制文本
下一篇
DataWorks