uniapp 复制到剪贴板
第一种方法直接调用官方给的事件,弊端就是不支持H5<text class="item-btn" @click="paste(item.spread_url)">复制</text>paste(value) {uni.setClipboardData({data: value});}第二种方法安装 vue-clipboard2 插件...
·
第一种方法
直接调用官方给的事件,弊端就是不支持H5
<text class="item-btn" @click="paste(item.spread_url)">复制</text>
paste(value) {
uni.setClipboardData({
data: value
});
}
第二种方法
安装 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) {
if (type==='success') {
this.$msg('复制成功')
} else {
this.$msg('复制失败')
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)