vant list元件使用

亦茫茫發表於2024-04-29

  

<div class="list-wrapper unique-container">
<van-list
v-model:loading="loading"
:finished="finished"
finished-text="沒有更多了"
class="list"
@load="onLoad"
>
<hdbm-item
v-for="item in list"
:key="item.id"
></hdbm-item>
</van-list>
</div>

//設定定高,且溢處隱藏,y軸滾動,才能出發下拉更多機制(特別使用頁面內設滾動區域)
.list-wrapper {
flex: 1;//定高
overflow: hidden;
overflow-y: auto;
}

相關文章