mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-12 12:25:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

modify(tabs): mount resizeOberver by case

Browse Source
This commit is contained in:
songwanli2025@163.com 2020-02-19 17:58:39 +08:00
parent a9eef23457
commit 3b803cd356
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Tabs/src/Tabs.vue
View File

@ -96,6 +96,7 @@ import iosArrowBack from '../../_icons/ios-arrow-back'
import iosArrowForward from '../../_icons/ios-arrow-forward'
import mdClose from '../../_icons/md-close'
import resizeObserverDelegate from '../../_utils/delegate/resizeObserverDelegate'
import throttle from 'lodash-es/throttle'
export default {
name: 'NTabs',
@ -191,13 +192,15 @@ export default {
this.updateScrollStatus()
updateBarPosition.call(this)
})
resizeObserverDelegate.registerHandler(this.$refs.tab, () => {
this.transitionDisabled = true
updateBarPosition.call(this)
this.$nextTick().then(() => {
this.transitionDisabled = false
})
})
if (this.justifyContent === 'space-around' || this.justifyContent === 'space-evenly') {
resizeObserverDelegate.registerHandler(this.$refs.tab, throttle(() => {
this.transitionDisabled = true
updateBarPosition.call(this)
this.$nextTick().then(() => {
this.transitionDisabled = false
})
}, 40))
}
},
updated () {
this