美文网首页
解决微信小商店购物组件,点击详情左下角店铺后无法返回的问题!

解决微信小商店购物组件,点击详情左下角店铺后无法返回的问题!

作者: 硅谷干货 | 来源:发表于2021-01-19 11:43 被阅读0次

    很多博客说降低版本来解决,技术流怎能如此行事?!
    说下我的简单粗暴的解决方案:

    新冠元年微信团队开始研发了基于小程序的小商品产品,誓要打通社交电商的任督二脉,集成小商品很简单,就是把微信团队开发好的小商品组件集成进来:

    "plugins": {
        "mini-shop-plugin": {
          "version": "1.1.33",
          "provider": "wx34345ae5855f892d" 
        }
      }
    
    

    当点击左下角店铺按钮返回的时候,控制台打印

    [sitemap 索引情况提示] 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引

    首页我问一下你是不是这样写了

    wx.navigateTo({
      url: `plugin-private://wx34345ae5855f892d/pages/home/home`,
    });
    
    

    那就注释掉它,然后换成如下代码:

    //解决商品详情页点击左下角店铺不能返回店铺首页问题
       wx.redirectTo({
         url: 'plugin-private://wx34345ae5855f892d/pages/home/home',
       })
    
    

    二者都能实现页面跳转,但是有细微差别,做过移动端开发的应该很清楚啦~,当然选择redirectTo了,让index页面销毁直接跳转小商店组件页面,防止用户通过点击导航返回按钮展示空白的index页面。

    什么?还不能解决,检查一下以上代码你写在哪里了,我建议你写在index.js 文件的生命周期函数 onLoad()函数的末尾就可以了,也有人说写在 app.js 里的生命周期函数onLaunch()里也可以解决,这样写会不会有问题,你可以试试,我验证的结果是还是有问题。

    怎么样可以解决你的问题了吗,如果还不能,欢迎给我留言我会第一时间反馈,如果能解决请帮我点个赞。

    相关文章

      网友评论

          本文标题:解决微信小商店购物组件,点击详情左下角店铺后无法返回的问题!

          本文链接:https://www.haomeiwen.com/subject/rxyqzktx.html