fix: $nextTick测试例createSelectorQuery应使用in

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

 <template>
   <view class="page">
-        <view class="rect" :style="{width: width, height: height}">child component</view>
+    <view class="rect" :style="{width: width + 'px', height: height + 'px'}">child component</view>
     <view class="row"></view>
     <view class="row">
       <text ref="text">$nextTick Before Width:</text>
@@ -41,16 +41,16 @@
       this.nextTickPromise()
     },
     methods: {
-            nextTickCallback(): void {
+      nextTickCallback() : void {
         this.width = 100
 
         this.$nextTick(() => {
-                    uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+          uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
             const rect = ret[0] as NodeInfo
 
             this.width = 200
             this.$nextTick(() => {
-                            uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+              uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
                 const newRect = ret[0] as NodeInfo
                 this.nextTickAfterWidth = newRect.width!
               })
@@ -60,16 +60,16 @@
           });
         })
       },
-            nextTickPromise(): void {
+      nextTickPromise() : void {
         this.height = 100
 
         this.$nextTick().then(() => {
-                    uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+          uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
             const rect = ret[0] as NodeInfo
 
             this.height = 200
             this.$nextTick().then(() => {
-                            uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+              uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
                 const newRect = ret[0] as NodeInfo
                 this.nextTickAfterHeight = newRect.height!
               })

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

@@ -3,7 +3,7 @@
   <scroll-view style="flex: 1">
   <!-- #endif -->
     <view class="page">
-      <view class="rect" :style="{ width: width, height: height }"></view>
+      <view class="rect" :style="{ width: width + 'px', height: height + 'px' }"></view>
       <view class="row"></view>
       <view class="row">
         <text ref="text">$nextTick Before Width:</text>
@@ -29,13 +29,13 @@
 </template>
 
 <script lang="ts">
-import child from './child.uvue'
+  import child from './child.uvue'
 
-export default {
+  export default {
     components: {
       nextTickChild: child
     },
-  data () {
+    data() {
       return {
         value: 0,
         width: 100,
@@ -47,60 +47,52 @@ export default {
         nextTickAfterHeight: 0,
       }
     },
-  mounted () {
+    mounted() {
       this.nextTickCallback()
       this.nextTickPromise()
     },
     methods: {
-    nextTickCallback (): void {
+      nextTickCallback() : void {
         this.width = 100
-
-      uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+        uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
           const rect = ret[0] as NodeInfo
-		
           this.width = 200
-		
           this.$nextTick(() => {
-          uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+            uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
               const newRect = ret[0] as NodeInfo
               this.nextTickAfterWidth = newRect.width!
             })
           })
-
           this.nextTickBeforeWidth = rect.width!
         });
       },
-    nextTickPromise (): void {
+      nextTickPromise() : void {
         this.height = 100
-
-      uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+        uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
           const rect = ret[0] as NodeInfo
-
           this.height = 200
-	  
           this.$nextTick().then(() => {
-          uni.createSelectorQuery().select('.rect').boundingClientRect(null).exec((ret: Array<any>) => {
+            uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
               const newRect = ret[0] as NodeInfo
               this.nextTickAfterHeight = newRect.height!
             })
           })
-
           this.nextTickBeforeHeight = rect.height!
         });
       }
     }
-}
+  }
 </script>
 
 <style>
-.row {
+  .row {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 10px;
-}
+  }
 
-.rect {
+  .rect {
     background-color: red;
-}
+  }
 </style>
\ No newline at end of file