1、<text class="item-btn" @click="paste(item.spread_url)">复制</text>

paste(value) {

     uni.setClipboardData({ data: value });

}

弊端:不支持h5

2、安装 vue-clipboard2 插件:

npm install vue-clipboard2 --save

安装完成后在man.js中引入:

import VueClipboard from 'vue-clipboard2' 
Vue.use(VueClipboard);
在需要的vue页面中调用:

<text
    class="item-btn"
    v-clipboard:copy="item.spread_url"
    v-clipboard:success="(type) => onCopyResult('success')"
    v-clipboard:error="(type) => onCopyResult('error')">复制
</text>

onCopyResult(type) {
      uni.showToast({
           title: type==='success' ? '复制成功' : '复制失败',
           icon: 'none'
       })
 }

Logo

前往低代码交流专区

更多推荐