微信小程序实现可以复制文本功能

普通的文本里面实现长按复制功能

效果如下：

实现方式：

• index.wxml

<text user-select="{{true}}">报修单号：{{orderDetail.order_num}}</text>

在需要复制的内容出加入text标签

<picker>选框中实现复制选框中的内容

效果如下：

实现方式：

• index.wxml页面

<view class="item ccc">
    <view class="item-title">售后地址<i>*</i></view>
    <picker value="{{addressModelIndex}}" range="{{addressModelArr}}" bindchange="changeAddressModel">
        <view class="picker">
            {{addressModelArr[addressModelIndex]}}
        </view>
    </picker>
    <!-- 添加复制按钮 -->
    <button bindtap="copyAddress">复制地址</button>
</view>

添加一个复制按钮

• index.js页面

Page({
    data: {
        // ...其他数据

    // 复制地址的处理函数
    copyAddress() {
        const addressToCopy = this.data.addressModelArr[this.data.addressModelIndex];

        wx.setClipboardData({
            data: addressToCopy,
            success: function (res) {
                wx.showToast({
                    title: '复制成功',
                    icon: 'success',
                    duration: 2000
                });
            },
            fail: function (res) {
                console.log(res);
            }
        });
    }
})