fix(swiper): 修复动态修改 height 后组件视图未更新问题 (#2485) (#2625)

src/packages/__VUE/swiper/__tests__/index.spec.ts

@@ -342,3 +342,17 @@ test('should swiper to swiper after calling to method', async () => {
   await sleep(100);
   expect(wrapper.vm.page).toBe(1);
 });
+
+test('should change props height', async () => {
+  const wrapper = mount(Swiper, {
+    props: {
+      height: 200
+    }
+  });
+  wrapper.setProps({
+    height: 300
+  });
+  await nextTick();
+  await sleep(100);
+  expect(wrapper.vm.state.height).toBe(300);
+});

src/packages/__VUE/swiper/index.taro.vue

@@ -423,6 +423,18 @@ export default create({
 
     watch(
       () => props.initPage,
+      () => {
+        Taro.nextTick(() => {
+          init();
+        });
+        eventCenter.once((getCurrentInstance() as any).router.onReady, () => {
+          init();
+        });
+      }
+    );
+
+    watch(
+      () => props.height,
       (val) => {
         Taro.nextTick(() => {
           init(+val);

src/packages/__VUE/swiper/index.vue

@@ -424,6 +424,15 @@ export default create({
       }
     );
 
+    watch(
+      () => props.height,
+      () => {
+        nextTick(() => {
+          init();
+        });
+      }
+    );
+
     watch(
       () => state.children.length,
       () => {