调整点击跳转逻辑

pekonchan · Apr 10, 2020 · 0ccade6 · 0ccade6
1 parent cca07fb
commit 0ccade6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/src/index.vue b/packages/src/index.vue
@@ -211,10 +211,11 @@ export default {
         /**
          * 选择标题跳到对应内容
          */
-        selectNav (nav, index) {
+        async selectNav (nav, index) {
+            this.scrollContainer.scrollTop = this.offsetTops[`content${index}`] - this.scrollDeviation;
+            await this.$nextTick();
             this.resetNavSelect();
             nav.checked = true;
-            this.scrollContainer.scrollTop = this.offsetTops[`content${index}`] - this.scrollDeviation;
         },
         resetNavSelect () {
             this.navMenu.forEach(item => {

diff --git a/src/App.vue b/src/App.vue
@@ -10,6 +10,7 @@
       <div class="content">导航1内容</div>
       <div class="content">导航2内容</div>
       <div class="content">导航3内容</div>
+      <div class="content">导航4内容</div>
     </Scroll-Nav>
   </div>
 </template>
@@ -34,6 +35,9 @@ export default {
         },
         {
           label: '导航3'
+        },
+        {
+          label: '导航4'
         }
       ]
     };