收藏
回答

同一个Page下,两个相同Component之间存在冲突

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 7.0.4 2.5.0

今天在实现一个功能时发现这个问题,提出来看看大家有没有遇到。

需求是一个页面上有两个tab,每个tab对应一个订单列表,如图所示:


由于两个列表内容相同,仅仅是传值是type不同,所以我写了一个组件,在tab切换时控制其hidden。

代码如下:

<!-- 已出单 -->
<view class="weui-tab__content" hidden="{{activeIndex != 0}}">
  <insurance-cal-list type='1'></insurance-cal-list>
</view>
<!-- 未出单 -->
<view class="weui-tab__content" hidden="{{activeIndex != 1}}">
  <insurance-cal-list type='2'></insurance-cal-list>
</view>

在组件insurance-cal-list中,会调用接口获取列表数据,问题就出在接口调用的时候,type=1和type=2两个组件中wx.request的success回调,走的都是type=2的那个组件的,导致最终效果无法正常显示。

如果把上方代码中的hidden改为wx:if则一切正常。

不知道是不是我漏看了文档中的什么内容,请大神解答一下,谢谢了

回答关注问题邀请回答
收藏

1 个回答

  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-05-10

    你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-05-10
    有用
    回复 2
    • 黎可
      黎可
      2019-05-10

      你好,这是我临时写的一个能反应问题的代码片段,如有不清楚的地方请留言沟通

      https://developers.weixin.qq.com/s/N3jVRgmG788F

      2019-05-10
      回复
    • LastLeaf
      LastLeaf
      2019-05-13回复黎可

      问题出现在组件 js 的第二行有个全局变量 $this 。需要注意的是这个是个文件全局量,所有组件实例共享的。

      2019-05-13
      回复
登录 后发表内容