blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Tab): incorrect initial swipe position

Browse Source
This commit is contained in:
chenjiahan 2020-10-03 15:42:56 +08:00
parent 8296b657a0
commit f264c46dd8
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/tabs/TabsContent.tsx
View File

@ -1,4 +1,4 @@
import { ref, watch } from 'vue';
import { ref, watch, onMounted } from 'vue';
import { createNamespace } from '../utils';
import Swipe from '../swipe';
@ -7,7 +7,6 @@ const [createComponent, bem] = createNamespace('tabs');
export default createComponent({
props: {
inited: Boolean,
duration: [Number, String],
animated: Boolean,
swipeable: Boolean,
lazyRender: Boolean,
@ -15,6 +14,10 @@ export default createComponent({
type: Number,
required: true,
},
duration: {
type: [Number, String],
required: true,
},
currentIndex: {
type: Number,
required: true,
@ -39,7 +42,7 @@ export default createComponent({
ref={swipeRef}
loop={false}
class={bem('track')}
duration={props.duration}
duration={+props.duration * 1000}
touchable={props.swipeable}
lazyRender={props.lazyRender}
showIndicators={false}
@ -53,15 +56,18 @@ export default createComponent({
return Content;
};
watch(
() => props.currentIndex,
(index) => {
const swipe = swipeRef.value;
if (swipe && swipe.state.active !== index) {
swipe.swipeTo(index, { immediate: !props.inited });
}
const swipeToCurrentTab = (index: number) => {
const swipe = swipeRef.value;
if (swipe && swipe.state.active !== index) {
swipe.swipeTo(index, { immediate: !props.inited });
}
);
};
watch(() => props.currentIndex, swipeToCurrentTab);
onMounted(() => {
swipeToCurrentTab(props.currentIndex);
});
return () => (
<div