From d74a3c0b29681e9155b48556c2d78c0ef4fa56e2 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 13 Jul 2021 16:03:00 +0800
Subject: [PATCH] fix(List): should emit load event when parent tab is
 activated (#9022)

---
 src/list/List.tsx           |  8 ++++++++
 src/list/test/index.spec.js | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+)

diff --git a/src/list/List.tsx b/src/list/List.tsx
index 447c271b9..b42508c14 100644
--- a/src/list/List.tsx
+++ b/src/list/List.tsx
@@ -139,6 +139,14 @@ export default defineComponent({
       check
     );
 
+    if (tabStatus) {
+      watch(tabStatus, (tabActive) => {
+        if (tabActive) {
+          check();
+        }
+      });
+    }
+
     onUpdated(() => {
       loading.value = props.loading!;
     });
diff --git a/src/list/test/index.spec.js b/src/list/test/index.spec.js
index a53348019..2cd336967 100644
--- a/src/list/test/index.spec.js
+++ b/src/list/test/index.spec.js
@@ -158,3 +158,38 @@ test('should not emit load event when inside an inactive tab', async () => {
   expect(onLoad1).toHaveBeenCalledTimes(1);
   expect(onLoad2).toHaveBeenCalledTimes(0);
 });
+
+// https://github.com/youzan/vant/issues/9017
+test('should emit load event when parent tab is activated', async () => {
+  const onLoad1 = jest.fn();
+  const onLoad2 = jest.fn();
+
+  const wrapper = mount({
+    data() {
+      return {
+        active: 0,
+      };
+    },
+    render() {
+      return (
+        <Tabs active={this.active} swipeable>
+          <Tab>
+            <List onLoad={onLoad1} />
+          </Tab>
+          <Tab>
+            <List onLoad={onLoad2} />
+          </Tab>
+        </Tabs>
+      );
+    },
+  });
+
+  await later();
+  expect(onLoad1).toHaveBeenCalledTimes(1);
+  expect(onLoad2).toHaveBeenCalledTimes(0);
+
+  await wrapper.setData({ active: 1 });
+  await later();
+  expect(onLoad1).toHaveBeenCalledTimes(1);
+  expect(onLoad2).toHaveBeenCalledTimes(1);
+});