今天在实现一个功能时发现这个问题,提出来看看大家有没有遇到。
需求是一个页面上有两个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则一切正常。
不知道是不是我漏看了文档中的什么内容,请大神解答一下,谢谢了
你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
你好,这是我临时写的一个能反应问题的代码片段,如有不清楚的地方请留言沟通
https://developers.weixin.qq.com/s/N3jVRgmG788F
问题出现在组件 js 的第二行有个全局变量 $this 。需要注意的是这个是个文件全局量,所有组件实例共享的。