我尝试在Nuxt Js项目中进行分页,所以如何更改当前路由中的页面查询参数,并保留具有3个查询参数的其他查询参数:
this.count = this.$route.query.count ?? 8
this.page = this.$route.query.page ?? 1
this.sort_by = this.$route.query.sort_by ?? 'latest'
Run Code Online (Sandbox Code Playgroud)
<li class="pagination-link" v-for="(page, key) in computed.lastPage" :key="key"
:class="{ 'active': page === computed.currentPage }">
<nuxt-link :to="'?page='+page" append
:class="{'current-link' : computed.currentPage === page}">
{{ page }}
</nuxt-link>
</li>
Run Code Online (Sandbox Code Playgroud) vue-router ×1