小记--基于vant list组件实现对scroll-view的替换

乔了个巴

于 2024-05-08 19:32:20 发布

阅读量144

点赞数 2

文章标签： vue 小程序

本文链接：https://blog.csdn.net/weixin_42353289/article/details/138583404

版权

使用list组件包裹整个页面，而非只包裹列表，避免出现两个滚动条，iOS系统滚动回弹造成卡顿

 <van-list class="home" v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate-check="false">
      <div class="home-main">
        <SubTitle title="服务场景" />
       <!-- 场景 -->
       <div>
      <div class="home-list">
        <van-tabs v-model="active" @change="changeTab" sticky>
          <van-tab v-for="tab in tabList" :title="tab.title" :name="tab.name" :key="tab.name">
            <div class="home-list-body" v-if="tabData[active].length">
              <cardTips v-for="(item, i) in tabData[active]" :key="i" :title="item" :card="item" />
            </div>
            <NullData v-else />
          </van-tab>
        </van-tabs>
      </div>

    </van-list>