企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>uniapp学习>正文

uniapp做一键复制功能

2024-11-12 14:03:04 浏览 1074

静态代码:

<view class="js" style="position: relative;width: 100%;">
    快递单号:{{elem.kdnumber?elem.kdnumber:'待发货'}}
  <label style="position: absolute;right: 0rpx;top: 0rpx;" @click="copy(elem.kdnumber)">
  复制单号
  </label>
</view>

js代码:

copy(val) {
   if(val && val !== ''){
     uni.setClipboardData({
       data: val,
       success: () => {
            ni.showToast({ title: '复制成功' });
       },
       fail: () => {
            uni.showToast({ title: '复制失败', icon: 'none' });
       }
     });
   }else{
     uni.showToast({ title: '单号还未生成', icon: 'none' });
   }
           
},


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音