fix(tab-bar): supplement scrolling of the first and last options (#442)

#434
didi · May 25, 2019 · 1199da6 · 1199da6
1 parent 4d123b8
commit 1199da6
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/components/tab-bar/index.vue b/components/tab-bar/index.vue
@@ -211,9 +211,19 @@ export default {
         const prevTarget = this.$refs.items[this.currentIndex - 1]
         const nextTarget = this.$refs.items[this.currentIndex + 1]
 
+        if (!prevTarget) {
+          this.$refs.scroller.scrollTo(0, 0, true)
+          return
+        }
+
+        if (!nextTarget) {
+          this.$refs.scroller.scrollTo(this.wrapperW, 0, true)
+          return
+        }
+
         const wrapperRect = this.$refs.wrapper.getBoundingClientRect()
-        const prevTargetRect = prevTarget && prevTarget.getBoundingClientRect()
-        const nextTargetRect = nextTarget && nextTarget.getBoundingClientRect()
+        const prevTargetRect = prevTarget.getBoundingClientRect()
+        const nextTargetRect = nextTarget.getBoundingClientRect()
 
         /* istanbul ignore next */
         if (prevTargetRect && prevTargetRect.left < wrapperRect.left) {