fix: $nextTick 测试用例警告

pages/component-instance/nextTick-function/child.uvue

 <template>
-  <view class="page">
-    <view class="rect" :style="{width: width, height: height}">child component</view>
-    <view class="row"></view>
-    <view class="row">
-      <text ref="text">$nextTick Before Width:</text>
-      <text>{{nextTickBeforeWidth}}</text>
+    <view class="page">
+        <view class="rect" :style="{width: width, height: height}">child component</view>
+        <view class="row"></view>
+        <view class="row">
+            <text ref="text">$nextTick Before Width:</text>
+            <text>{{nextTickBeforeWidth}}</text>
+        </view>
+        <view class="row">
+            <text ref="text">$nextTick Before Height:</text>
+            <text>{{nextTickBeforeHeight}}</text>
+        </view>
+        <view class="row">
+            <text ref="text">$nextTick After Width:</text>
+            <text>{{nextTickAfterWidth}}</text>
+        </view>
+        <view class="row">
+            <text ref="text">$nextTick After Height:</text>
+            <text>{{nextTickAfterHeight}}</text>
+        </view>
     </view>
-    <view class="row">
-      <text ref="text">$nextTick Before Height:</text>
-      <text>{{nextTickBeforeHeight}}</text>
-    </view>
-    <view class="row">
-      <text ref="text">$nextTick After Width:</text>
-      <text>{{nextTickAfterWidth}}</text>
-    </view>
-    <view class="row">
-      <text ref="text">$nextTick After Height:</text>
-      <text>{{nextTickAfterHeight}}</text>
-    </view>
-  </view>
 </template>
 
-<script>
-export default {
-  name: "nextTickChild",
-  data () {
-    return {
-      value: 0,
-      width: 100,
-      height: 100,
+<script lang="ts">
+    export default {
+        name: "nextTickChild",
+        data() {
+            return {
+                value: 0,
+                width: 100,
+                height: 100,
 
-      nextTickBeforeWidth: 0,
-      nextTickBeforeHeight: 0,
-      nextTickAfterWidth: 0,
-      nextTickAfterHeight: 0,
-    }
-  },
-  mounted () {
-    this.nextTickCallback()
-    this.nextTickPromise()
-  },
-  methods: {
-    nextTickCallback (): void {
-      this.width = 200
+                nextTickBeforeWidth: 0,
+                nextTickBeforeHeight: 0,
+                nextTickAfterWidth: 0,
+                nextTickAfterHeight: 0,
+            }
+        },
+        mounted() {
+            this.nextTickCallback()
+            this.nextTickPromise()
+        },
+        methods: {
+            nextTickCallback(): void {
+                this.width = 100
 
-      uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
-        const rect = ret[0] as NodeInfo
+                this.$nextTick(() => {
+                    uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+                        const rect = ret[0] as NodeInfo
 
-        this.$nextTick(() => {
-          uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
-            const rect = ret[0] as NodeInfo
-            this.nextTickAfterWidth = rect!.width!
-          })
-        })
+                        this.width = 200
+                        this.$nextTick(() => {
+                            uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+                                const newRect = ret[0] as NodeInfo
+                                this.nextTickAfterWidth = newRect.width!
+                            })
+                        })
 
-        this.nextTickBeforeWidth = rect!.width!
-      });
-    },
-    nextTickPromise (): void {
-      this.height = 200
+                        this.nextTickBeforeWidth = rect.width!
+                    });
+                })
+            },
+            nextTickPromise(): void {
+                this.height = 100
 
-      uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
-        const rect = ret[0] as NodeInfo
+                this.$nextTick().then(() => {
+                    uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+                        const rect = ret[0] as NodeInfo
 
-        this.$nextTick().then(() => {
-          uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
-            const rect = ret[0] as NodeInfo
-            this.nextTickAfterHeight = rect!.height!
-          })
-        })
+                        this.height = 200
+                        this.$nextTick().then(() => {
+                            uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+                                const newRect = ret[0] as NodeInfo
+                                this.nextTickAfterHeight = newRect.height!
+                            })
+                        })
 
-        this.nextTickBeforeHeight = rect!.height!
-      });
+                        this.nextTickBeforeHeight = rect.height!
+                    });
+                })
+            }
+        }
     }
-  }
-}
 </script>
 
 <style>
-.page {
-  font-size: 16px;
-}
+    .page {
+        font-size: 16px;
+    }
 
-.row {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-bottom: 10px;
-}
+    .row {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        margin-bottom: 10px;
+    }
 
-.rect {
-  background-color: blue;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+    .rect {
+        background-color: blue;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
 </style>

pages/component-instance/nextTick-function/nextTick-function.uvue

@@ -28,7 +28,7 @@
   <!-- #endif -->
 </template>
 
-<script>
+<script lang="ts">
 import child from './child.uvue'
 
 export default {
@@ -60,12 +60,12 @@ export default {
 
         this.$nextTick(() => {
           uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
-            const rect = ret[0] as NodeInfo
-            this.nextTickAfterWidth = rect!.width!
+            const newRect = ret[0] as NodeInfo
+            this.nextTickAfterWidth = newRect.width!
           })
         })
 
-        this.nextTickBeforeWidth = rect!.width!
+        this.nextTickBeforeWidth = rect.width!
       });
     },
     nextTickPromise (): void {
@@ -76,12 +76,12 @@ export default {
 
         this.$nextTick().then(() => {
           uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
-            const rect = ret[0] as NodeInfo
-            this.nextTickAfterHeight = rect!.height!
+            const newRect = ret[0] as NodeInfo
+            this.nextTickAfterHeight = newRect.height!
           })
         })
 
-        this.nextTickBeforeHeight = rect!.height!
+        this.nextTickBeforeHeight = rect.height!
       });
     }
   }