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

精选30+云产品,助力企业轻松上云!>>>hot3.png

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

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>

版权声明:本文为weixin_44356673原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。