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
import {
@ -165,14 +173,15 @@ export default createComponent({
}
};
const init = () => {
nextTick(onScroll);
};
useEventListener('scroll', onScroll, { target: scrollParent });
watch(
() => props.indexList,
() => {
nextTick(onScroll);
}
);
onMounted(init);
watch(() => props.indexList, init);
watch(activeAnchor, (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
</span>
<span class="van-index-bar__index"
<span class="van-index-bar__index van-index-bar__index--active"
data-index="Z"
>
Z
@ -869,8 +869,10 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div>
<div class="van-index-anchor">
<div style="height: 0px;">
<div class="van-index-anchor van-index-anchor--sticky van-hairline--bottom"
style="z-index: undefined;"
>
Z
</div>
</div>