同一个Page下,两个相同Component之间存在冲突
发布于 5 年前 作者 cuixiuying 1997 次浏览 来自 问答

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

需求是一个页面上有两个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 回复
回到顶部