小程序内部一键关注关联公众号 如何实现小程序无跳转关注公众号

上效果

实现前提

打开微信公众平台----->设置 ---------> 打开公众号关注组件
注：设置的公众号需与小程序主体一致。

具体实现

//wxml
<official-account bindload='loadSuccess'></official-account>
//js
  /** 关注公众号组件 */
  loadSuccess(e){
    console.log("关注公众号组件加载成功")
  },

official-account 为公众号关注组件。当用户扫小程序码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内。
注意：
在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:
1、当小程序从扫小程序码场景（场景值1047，场景值1124）打开时
2、当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
3、当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
4、小程序开发工具默认是1011场景，可以自行切换编译环境查看效果。
5、每个页面只能配置一个该组件。