vue+vant 上拉加载，下拉刷新

最新推荐文章于 2024-06-28 07:30:00 发布

0?0

最新推荐文章于 2024-06-28 07:30:00 发布

阅读量3.6k

点赞数 1

分类专栏： Vue2学习记录

本文链接：https://blog.csdn.net/weixin_42301962/article/details/106941067

版权

本文介绍了如何在Vue.js项目中结合Vant UI库实现上拉加载和下拉刷新功能，详细阐述了配置过程和关键代码，帮助开发者提升页面滚动交互体验。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<template>
  <div class="container">
    <van-pull-refresh v-model="refreshing" @refresh="onDownRefresh">
      <van-list
        v-model="loading"
        :finished="finished"
        :immediate-check="false"
        finished-text="没有更多了"
        @load="onLoad"
      >
        <div class="list" v-for="(item,index) in list" :key="index">
          <div class="list-left">
            <span>{
  {item.mark}}</span>
            <span>{
  {item.created_at}}</span>
          </div>
          <div class="list-right">