Nuxt의 페이지 매김

3465 단어 vuenuxthelp
nuxt/content 모듈로 설정된 블로그에 페이지 매김을 추가하려고 하고 있으며 현재 피하고 싶은 모든 게시물을 끌어오고 있습니다.

이것은 블로그 페이지입니다:

...
<ul class="pl-5">
<li v-for="post in posts" :key="post.id">
<nuxt-link :to="{ name: 'blog-slug', params: { slug: post.slug } }">
<h3 class="py-1 text-white">{{ post.title }}</h3>
<p class="text-white">{{ post.description }}</p>
<a :to="{ name: 'blog-slug', params: { slug: post.slug }}" class="text-red-600">Read More</a>
</nuxt-link>
</li>
</ul>
...

<script>
export default {
async asyncData({ $content, params }){
  const posts = await $content('posts', params.slug)
  .only(['title', 'slug', 'date'])
  .sortBy('createdAt', 'desc')
  .fetch()

  return { posts }
 },
}
</script>


이제 limit(10)를 사용하여 표시되는 게시물 수를 제한할 수 있다는 것을 알고 있지만 params를 사용하는 것 같은 페이지 매김 구성 요소에 이를 어떻게 묶을지 잘 모르겠습니다.

누구든지 올바른 방향으로 나를 가리킬 수있는 경험이 있습니까? 너무 감사합니다.

좋은 웹페이지 즐겨찾기