7***@qq.com
7***@qq.com
  • 发布:2020-06-05 09:06
  • 更新:2023-03-24 16:30
  • 阅读:2740

支付宝小程序关注生活号 life-follow组件如何在uni-app中使用

分类:uni-app

支付宝小程序关注生活号 life-follow组件如何在uni-app中使用

2020-06-05 09:06 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com - Hill233

请问解决了么,我加入组件完全没有反应 <life-follow v-if="show" sceneId="c3b814c51392496c9617f37340110b58" checkFollow="checkFollow" @onCheckFollow="checkFollowCb"
@onClose="closeCb"/>
  • 陨落

    请问解决了么,life-follow组件在关注之后再次进入小程序就不显示查看生活号

    2020-08-11 08:44

  • 9***@qq.com

    回复 陨落: 文档中说关注后不再渲染组件

    2020-08-11 08:55

陨落

陨落

请问解决了么,life-follow组件在关注之后再次进入小程序就不显示查看生活号

9***@qq.com

9***@qq.com - Hill233

以下写法 checkFollowCb 事件中 e.detail 报错 因为 e is undefined

        <!--  #ifdef MP-ALIPAY  -->  
        <life-follow v-if="show"  
                     sceneId="534c5a17a83148268d830db0746e3701"  
                     :checkFollow="checkFollow"  
                     @checkFollow="checkFollowCb"  
                     @close="closeCb"/>  
        <!--  #endif -->  

        methods: {  
            checkFollowCb(e) {  
                // e.detail对象里会有followed字段,可以用来判断关注状态  
                console.log('call back data: ', e);  
                const { followed, closeCount } = e.detail  

                // 把 checkFollow、show 都置为false  
                this.checkFollow = false;  
                this.show = false;  

                // 如果没有关注的话,展示组件  
                if (!followed) {  
                    console.log('unFollowed');  

                    setTimeout(() => {  
                        this.show = true;  
                    });  
                }  
            },  
            closeCb(e) {  
                console.log('关闭关注浮层时 触发回调: ', e);  
                this.show = false;  
            },  
        }
9***@qq.com

9***@qq.com - Hill233

hbuildex 编译成支付宝小程序的代码有点问题,需要手动修改成后面的格式:

// uni-app 代码  
@checkFollow="checkFollowCb"    
@close="closeCb"
// 编译成支付宝小程序的代码  
data-event-opts="{{[['^checkFollow',[['checkFollowCb']]],['^close',[['closeCb']]]]}}"
// 手动修改后代码  
data-event-opts="{{[['checkFollow',[['checkFollowCb',['$event']]]],['close',[['closeCb',['$event']]]]]}}"
  • 7***@qq.com

    是的,这样解决是可以。但是不能每次打包上传后,我都要打开支付宝的编辑器修改。如果忘记了直接上传,测试出现之后就被测试一顿乱叼。所以还请官方能尽快修复这个问题。

    2020-09-24 10:36

  • 1***@163.com

    好像按照你的方法还是不显示虽然不报undefined 但是他这个组件还是不会显示

    2020-11-02 14:03

5***@qq.com

5***@qq.com

现如今还有这个问题,看来官方不打算解决这个问题了

2***@qq.com

2***@qq.com

<life-follow   
                v-if="followShow"  
                sceneId="xxxx"   
                :checkFollow="checkFollow"  
                @checkFollow='checkFollowCb($event)'  
                @close="closeCb($event)"  
            />

要回复问题请先登录注册