Nuxt의 페이지 매김
이것은 블로그 페이지입니다:
...
<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를 사용하는 것 같은 페이지 매김 구성 요소에 이를 어떻게 묶을지 잘 모르겠습니다.누구든지 올바른 방향으로 나를 가리킬 수있는 경험이 있습니까? 너무 감사합니다.
Reference
이 문제에 관하여(Nuxt의 페이지 매김), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/cguttweb/pagination-in-nuxt-3080텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)