微信小程序实现复制文本功能

  1. 开启文本复制功能
<text user-select="true">微信小程序中,使文本节点长按时,可以出现复制等选项</text>
  1. 实现点击按钮复制:
<templete>
  <view>
  <text class="copy-btn" @click="copytext(value)" v-if="showCopyBtn">复制{{value}}</text>
  </view>
  </templete>
<script>
  
  export default {
   data() {
    return {
     	value: '复制的文本' 
    }
     
   },
    
    methods: {
        copytext(value) {

    if (typeof value === 'number') {

        uni.setClipboardData({
            data: value + '',
            success(res) {
                console.log(res)
            },
            fail(err) {
                uni.showToast({
                    title: '复制失败',
                    icon: 'none'
                });
            }
        })
    } else {
        uni.showToast({
            title: '请先计算后复制',
            icon: 'none'
        });
    }
},
  
    }
    
    
  }

  
  </script>
posted @ 2020-12-30 22:22  柯宝宝智商感人  阅读(839)  评论(0编辑  收藏  举报