uniapp中使用复制功能(复制文本到粘贴板)

最新推荐文章于 2025-03-22 20:30:00 发布

兮赫

最新推荐文章于 2025-03-22 20:30:00 发布

阅读量2.5w

点赞数 7

本文链接：https://blog.csdn.net/weixin_44356673/article/details/107223219

版权

精选30+云产品，助力企业轻松上云！>>>

在开发会遇到复制手机号啊,复制地址啊,复制内容啊,这样的需求,下面记录一下

html

<template>
  <view>
    <view @click="copy("123")"></view>
  </view>
</template>

js


<script>
copy(value){
  //提示模板
  uni.showModal({
    content:value,//模板中提示的内容
    confirmText:'复制内容',
    success:()=>{//点击复制内容的后调函数
      //uni.setClipboardData方法就是讲内容复制到粘贴板
      uni.setClipboardData({
        data:value,//要被复制的内容
        success:()=>{//复制成功的回调函数
          uni.showToast({//提示
            title:'复制成功'
          })
        }
      });
    }
  });
}
</script>