【问题标题】:How to split a list into pages in Vue.js?如何在 Vue.js 中将列表拆分为页面?
【发布时间】:2020-02-16 06:26:54
【问题描述】:

我连接到 API,并获得了一大串呈现如下的项目:

<template>
    <div>
        <Item v-for="story in stories" :key="story.data.id" :story="story"></Item>
    </div>
</template>

列表中有 200 多个项目,加载需要一些时间。如何将列表划分为 10-20 个项目的页面,当用户转到该页面时将加载这些项目

【问题讨论】:

  • 当用户在下一批中向下滚动时,您想在开始和稍后加载 10-20 个项目吗?此外,每个故事是否都有需要时间加载的图像?

标签: javascript vue.js vuex vue-router


【解决方案1】:

vuetify v-data-table component 有一个自动每页行选项

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-04-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-04
    相关资源
    最近更新 更多