uni-app实现微信小程序长按二维码扫码加群或好友 - uni-app

这里重点是，小程序，H5不可以！

1、实现识别二维码加好友，只要一个参数 show-menu-by-longpress即可

XML/HTML Code复制内容到剪贴板

<template>
<view>
<view class="tit">
欢迎扫码加入
</view>
<image show-menu-by-longpress="true" src="/static/img/qrcode/1.jpg" class="btn-icon" @click="previewImage">
</image>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
onReady() {
},
computed: {
},
methods: {
previewImage() {
uni.previewImage({
// 需要预览的图片链接列表。若无需预览，可以注释urls
urls: [e.target.src],
// 为当前显示图片的链接/索引值
current: e.target.src,
// 图片指示器样式
indicator: 'default',
// 是否可循环预览
loop: false,
success: res => {
console.log('previewImage res', res);
},
fail: err => {
console.log('previewImage err', err);
}
});
}
}
}
</script>
</script>
<style lang="scss" scoped>
page {
.tit {
text-align: center;
margin: 15px auto;
}
.btn-icon {
display: block;
height: 794rpx;
width: 630rpx;
margin: 15px auto;
}
}
</style>

2、实现点击事件跳转到指定公众号

公众号组件，使用official-account 引导关注