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

fix(IndexBar): failed to render active anchor when inited (#8164)

Browse Source
This commit is contained in:
neverland 2021-02-16 10:57:19 +08:00 committed by GitHub
parent 57a36967c5
commit 9e05d21445
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/index-bar/index.tsx
View File

@ -1,4 +1,12 @@
import { ref, watch, computed, nextTick, PropType, CSSProperties } from 'vue'; import {
ref,
watch,
computed,
nextTick,
PropType,
onMounted,
CSSProperties,
} from 'vue';
// Utils // Utils
import { import {
@ -165,14 +173,15 @@ export default createComponent({
} }
}; };
const init = () => {
nextTick(onScroll);
};
useEventListener('scroll', onScroll, { target: scrollParent }); useEventListener('scroll', onScroll, { target: scrollParent });
watch( onMounted(init);
() => props.indexList,
() => { watch(() => props.indexList, init);
nextTick(onScroll);
}
);
watch(activeAnchor, (value) => { watch(activeAnchor, (value) => {
if (value) { if (value) {

8
src/index-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -162,7 +162,7 @@ exports[`should render demo and match snapshot 1`] = `
> >
Y Y
</span> </span>
<span class="van-index-bar__index" <span class="van-index-bar__index van-index-bar__index--active"
data-index="Z" data-index="Z"
> >
Z Z
@ -869,8 +869,10 @@ exports[`should render demo and match snapshot 1`] = `
</div> </div>
</div> </div>
<div> <div>
<div> <div style="height: 0px;">
<div class="van-index-anchor"> <div class="van-index-anchor van-index-anchor--sticky van-hairline--bottom"
style="z-index: undefined;"
>
Z Z
</div> </div>
</div> </div>