使用uniapp开发小程序,点击复制按钮,复制订单号的效果。
以下是可复制代码部分:
<template> <view class=""> <view class="item" v-if="item.status == 1"> <view class="">快递单号:</view> <view class="right"> <view class="danhao">{{item.express_code}}</view> <view class="copy" @tap="copyText(item.express_code)">复制</view> </view> </view> </view> </template> <script> export default { methods: { // 点击复制订单号 copyText (res) { uni.setClipboardData({ data: res, success: () => { uni.showToast({ title: '复制成功' }) } }) }, } } </script>