1、准备阶段

1、先准备好要实现粘贴复制的代码

<code> <view class="form_left">code>

<text class="form_one">订单编号</text>code>

<text class="form_two">{ -- -->{ orderNumber }}</text>code>

<text class="form_copy" @click="copyChange(orderNumber)">复制</text>code>

</view>

<script setup>

import { onLoad } from '@dcloudio/uni-app';

import { ref } from 'vue';

const orderNumber = ref('C2023020115CZ293829109819');

// 复制订单编号

const copyChange = (data) => {

console.log('data', data);

console.log('复制订单编号', 1111111);

uni.setClipboardData({

data: data,

success: function (res) {

console.log('success', res);

uni.getClipboardData({

success: function (res) {

console.log('粘贴', res);

}

});

uni.showToast({

title: '复制成功',

icon: 'none'

});

},

fail: (error) => {

console.log('失败', error);

uni.showToast({

title: '复制失败',

icon: 'none'

});

}

});

};

};

</script>

2、如果用的是微信 wx.setClipboardData 和 wx.getClipboardData 我们需要先申请一个权限