uni-app 复制内容到剪贴板
1、<text class="item-btn" @click="paste(item.spread_url)">复制</text>paste(value) {uni.setClipboardData({ data: value });}弊端:不支持h52、安装 vue-clipboard2 插件:npm install vue-clipb...
·
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'
})
}
更多推荐
已为社区贡献8条内容
所有评论(0)