小程序：official-account公众号关注组件

亦凉 2024-03-24 15:30 6阅读 0赞

**一、official-account简介**

[official-account | 微信开放文档][official-account _]

**二、实践**

技术栈：mpvue小程序。。uniapp同样

<official-account @load="bindload" @error="binderror"></official-account>
    
    methods: {
        bindload (e) {
          console.log('bindload:', e)
        },
        binderror (e) {
          console.log('binderror:', e)
        }
    }

手机微信扫码的方式成功。。

![16debf0138974a3ba640f0b37985dcf8.png][]

已关注显示“查看” ，未关注显示“关注”。

在手机微信，识别二维码，然后出现了报错。。场景值错误。。目前不能解决~

补充的方法，可以在错误的回调里做一些弥补，比如，展示一个公众号的二维码~

![40d574d00567425eb66cac56f824744e.png][]

**三、相关内容**

后端生成url，页面通过web-view的方式访问

> https://mp.weixin.qq.com/mp/profile\_ext?action=home&\_\_biz=XXX==&scene=110\#wechat\_redirect

经测试

手机微信打开调试模式，操作正常

不是调试模式，不能打开，，看到一些资料说以前可以，现在不行了。。。

欢迎交流指正，关注我，一起学习。

参考链接：

[official-account组件的显示场景为什么不包括长按二维码识别进入小程序？ | 微信开放社区][official-account_ _]

[official-account _]: https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html
[16debf0138974a3ba640f0b37985dcf8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/660cfe75e3d947df8a27de60b457d0a2.png
[40d574d00567425eb66cac56f824744e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/1da79466d53c40edbf277f0707a120a7.png
[official-account_ _]: https://developers.weixin.qq.com/community/develop/doc/0000a24a0acd70bdd65c777af56c00