使用用van-tabs组件的 滚动导航 时就会出现 ,当它自动吸顶之后就会出现这个问题,以下是点击导航按钮出现的情况,左边的内容偏移的连标题都没了,右边正常
这个问题真的是找了很久很久,发现我在其他项目当中引用这个组件就不会出现这个问题,最终发现是因为我在使用这个组件的外边 ,包裹了一个 v-show , 后面把v-show改成v-if就行了
<div v-if="visible">
<div class="life-service" id="top" >
<div class="life-con">
<van-tabs scrollspy sticky swipe-threshold=4 >
<van-tab v-for="item in functionalArr"
:title="item.functionalName"
:key="item.id">
<div class="tab-con">
<div class="tab-title" >{{item.functionalName}}</div>
</div>
</van-tab>
</van-tabs>
</div>
</div>
</div>
这就是这个组件的bug,官网也有说,但没想到