上效果
实现前提
打开微信公众平台----->设置 ---------> 打开公众号关注组件
注:设置的公众号需与小程序主体一致。
具体实现
//wxml
<official-account bindload='loadSuccess'></official-account>
//js
/** 关注公众号组件 */
loadSuccess(e){
console.log("关注公众号组件加载成功")
},
official-account 为公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内。
注意:
在一个小程序的生命周期内,只有从以下场景进入小程序,才具有展示引导关注公众号组件的能力:
1、当小程序从扫小程序码场景(场景值1047,场景值1124)打开时
2、当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
3、当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
4、小程序开发工具默认是1011场景,可以自行切换编译环境查看效果。
5、每个页面只能配置一个该组件。