手机移动端加载更多（表格首行首列固定vue + vant完整版）

最胖的小仙女

已于 2022-08-30 10:45:43 修改

阅读量1.1k

点赞数 1

分类专栏： vue学习文章标签： vue.js 前端 javascript

于 2022-08-30 10:42:22 首次发布

本文链接：https://blog.csdn.net/weixin_39418338/article/details/126598854

版权

直接看效果图和实现的代码

<van-list
      :offset="60"
      v-model="isLoading"
      :finished="finished"
      :finished-text="finishedText"
      @load="onLoad"
      :immediate-check="false"
    >
      <!-- <div class="table_detail"> -->
      <table class="table_content" id="table" ref="table">
        <thead>
          <tr>
            <th>文档类型</th>
            <th style="width: 148px">文件名称</th>
            <th>项目阶段</th>
            <th>任务编码</th>
            <th>文件类型</th>
            <th>上传人</th>
            <th>上传时间</th>
          </tr>
        </thead>
        <tbody class="table_tbody">
          <tr v-for="(item, index) in fileListsShow" :key="index">
            <td>{
  { item.documentTypeName }}</td>
            <td>{
  { item.documentName }}</td>
            <td>{
  { item.projectStageName }}</td>
            <td>{
  { item.taskCode }}</td>
            &