同一个Page下,两个相同Component之间存在冲突
今天在实现一个功能时发现这个问题,提出来看看大家有没有遇到。
需求是一个页面上有两个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则一切正常。
不知道是不是我漏看了文档中的什么内容,请大神解答一下,谢谢了
