7 个回答

这种一般都是虚拟列表。。

就是说你渲染的dom太多了,你把不在视口的隐藏起来。做一个显示的极限值。会快很多。

试试table数据懒加载

使用这个东西吧table改造一下
vue-virtual-scroll-list

闲人
  • 2
新手上路,请多包涵

没有特殊要求就分页显示吧

无解,像vue这种同步更新的ui库,只要数据规模大到一定程度更新时肯定会掉帧的,而你这个你不能通过虚拟列表这种手段减小数据规模,不过可以了解下react concurrent mode就是来解决这个问题的

el-table上处理这个,有点难以处理了,要不试着这个表格换个组件实现。

清风吹沐
  • 2
新手上路,请多包涵

<el-table-column

      align="center" 
      width="55"
      fixed>
      <template slot-scope="scope">
        <div>
          <el-checkbox v-model="selectList[scope.$index].checkboxSelected"></el-checkbox>
        </div>
      </template>
    </el-table-column>
    自己渲染第一列,不用el-table自带集成的type="selection"
    
    
    诶,当我没说,试了下,这个也不行,列多了还是会慢
宣传栏