同一个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则一切正常。
不知道是不是我漏看了文档中的什么内容,请大神解答一下,谢谢了
1 回复