评论

store-product 使用遇到的问题与解决记录

store-product 使用遇到的问题与解决记录

store-product文档
基础库 3.5.5 开始支持,低版本需做兼容处理。
微信 鸿蒙 OS 版:支持
相关文档: 微信小店指引
渲染框架支持情况:WebView

一、<store-product>在开发工具或者用户客户端不展示

1.开发者工具考虑基础库是否支持此组件,store-product要求基础库3.5.5,低于此基础库不展示。

2.微信客户端不展示,一般是用户未升级微信导致,查看用户微信客户端是否低于8.0.50,低于需要升级版本。

二、<store-product>: 获取数据失败,请检查传入参数是否正确

1.任一参数错误,比如下述示例中appid等于空字符,或者product-id为空字符,或者appid、product-id错误,或者appid与product-id不是一个小店,都会出现此种错误。



2.加载时机问题,由webapi获取appid/product-id赋值展示问题,此种情况是因为store-product只在组件生命周期 attached中根据appid/product-id加载数据展示,如果在这个节点执行前,appid/product-id还没有准备好,那么就要失败

失败案例,比如:

这里就是因为页面上直接添加,store-product组件,onload中设置参数值。此时store-product组件在页面onload之前已经触发了组件的attached。

知道这个原因,我们的做法就是延迟store-product组件实例进入页面节点树,就是默认不加载,加个wx:if="{{isshow}}",isshow默认为false,如下:

三、使用store-product的自定义卡片内容,如何隐藏下面的小店名称

1.要前端去想办法

最后一次编辑于  2025-07-20  
点赞 0
收藏
评论

2 个评论

  • ღ᭄ᝰꫛꫀꪟ
    ღ᭄ᝰꫛꫀꪟ
    2025-11-28

    参数是对的,商品也在售。基础库高于3.5.5 ,还是提示参数错误

    2025-11-28
    赞同
    回复 6
    • peng
      peng
      2025-11-28
      贴代码看下,直接在工具中wxml写id试试
      2025-11-28
      回复
    • ღ᭄ᝰꫛꫀꪟ
      ღ᭄ᝰꫛꫀꪟ
      2025-12-01回复peng
      <store-product appid='wx5b6a7fb253dd09d5' product-id='10000287986488'></store-product>
      2025-12-01
      回复
    • peng
      peng
      2025-12-01回复ღ᭄ᝰꫛꫀꪟ
      可以显示,你是原生工具还是第三方工具?
      2025-12-01
      回复
    • ღ᭄ᝰꫛꫀꪟ
      ღ᭄ᝰꫛꫀꪟ
      2025-12-01回复peng
      用的是uniapp,显示不出来
      2025-12-01
      回复
    • peng
      peng
      2025-12-01回复ღ᭄ᝰꫛꫀꪟ
      可能uniapp做了二次处理吧,看看加载时机这里:
      2025-12-01
      回复
    查看更多(1)
  • 张义念
    张义念
    2025-09-06

    <store-product>在开发工具或者用户客户端不展示

    这个问题中的第二个问题”2.微信客户端不展示,一般是用户未升级微信导致,查看用户微信客户端是否低于8.0.50,低于需要升级版本。“,老版本的手机怎么做兼容处理?有详细的文档吗

    重要点:有很多客户手机不支持升级到最新版,尤其是苹果老版本用户

    2025-09-06
    赞同
    回复 1
登录 后发表内容