微信小程序实现复制文本功能
- 开启文本复制功能
<text user-select="true">微信小程序中,使文本节点长按时,可以出现复制等选项</text>
- 实现点击按钮复制:
<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>
A little hug, little gift.
All of little something.
these are our meories.