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

fix(Tabs): resize not work for swipeable tabs (#10964)

Browse Source
This commit is contained in:
neverland 2022-08-24 21:32:29 +08:00 committed by GitHub
parent 717f244d2f
commit 4b2e06b34d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/vant/src/tabs/Tabs.tsx
View File

@ -125,6 +125,7 @@ export default defineComponent({
const root = ref<HTMLElement>();
const navRef = ref<HTMLElement>();
const wrapRef = ref<HTMLElement>();
const contentRef = ref<ComponentInstance>();
const id = useId();
const scroller = useScrollParent(root);
@ -477,8 +478,13 @@ export default defineComponent({
const onRendered = (name: Numeric, title?: string) =>
emit('rendered', name, title);
const resize = () => {
setLine();
nextTick(() => contentRef.value?.swipeRef.value?.resize());
};
useExpose({
resize: setLine,
resize,
scrollTo,
});
@ -514,6 +520,7 @@ export default defineComponent({
[renderHeader(), slots['nav-bottom']?.()]
)}
<TabsContent
ref={contentRef}
count={children.length}
inited={state.inited}
animated={props.animated}

3
packages/vant/src/tabs/TabsContent.tsx
View File

@ -1,6 +1,7 @@
import { ref, watch, onMounted, defineComponent } from 'vue';
import { numericProp, makeRequiredProp, createNamespace } from '../utils';
import { Swipe, SwipeInstance } from '../swipe';
import { useExpose } from '../composables/use-expose';
const [name, bem] = createNamespace('tabs');
@ -60,6 +61,8 @@ export default defineComponent({
swipeToCurrentTab(props.currentIndex);
});
useExpose({ swipeRef });
return () => (
<div
class={bem('content', {