scroll to top when switching tabs

This commit is contained in:
Henry Jameson 2020-05-25 14:16:03 +03:00
parent 6a4ad1fe62
commit 79c03984bc
1 changed files with 4 additions and 1 deletions

View File

@ -60,6 +60,9 @@ export default Vue.component('tab-switcher', {
this.onSwitch.call(null, this.$slots.default[index].key) this.onSwitch.call(null, this.$slots.default[index].key)
} }
this.active = index this.active = index
if (this.scrollableTabs) {
this.$refs.contents.scrollTop = 0
}
} }
} }
}, },
@ -118,7 +121,7 @@ export default Vue.component('tab-switcher', {
<div class="tabs"> <div class="tabs">
{tabs} {tabs}
</div> </div>
<div class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}> <div ref="contents" class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}>
{contents} {contents}
</div> </div>
</div> </div>