uniapp 长按复制文字

最新推荐文章于 2024-02-18 10:38:40 发布

html+css+js网页设计

最新推荐文章于 2024-02-18 10:38:40 发布

阅读量716

点赞数 8

文章标签：开发语言

本文链接：https://blog.csdn.net/qq_42431718/article/details/135546979

版权

这篇文章介绍了如何在Vue应用中实现文本的长按复制功能，使用uni-app的setClipboardData方法将指定文本复制到剪贴板，并在成功后显示提示消息。

摘要由CSDN通过智能技术生成

<template>
  <view class="container" @longpress="onLongPress">{{text}}</view>
</template>

<script>
export default {
  data() {
    return {
      text: '这是要被复制的文本'
    }
  },
  methods: {
    onLongPress() {
      uni.setClipboardData({
        data: this.text,
        success: function () {
          uni.showToast({
            title: '复制成功'
          })
        }
      })
    }
  }
}
</script>