Vue.js vuejs分页-按下导航栏时切换到第1页活动类别

我正在使用这个名为的方便的分页工具，当我单击每个单独的页面项目时，它的功能非常好，但是当我按下navbar品牌（切换到第1页）时，分页工具不会将活动类切换到第1页，活动类只会保留在您以前所在的页面上

这是我的分页代码：

<template>
    <section role="region" class="paginate py-md-5 py-4" id="paginate">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <paginate
                        :page-count="20"
                        :click-handler="clickCallback"
                        :prev-text="'<'"
                        :next-text="'>'"
                        :container-class="'pagination'"
                        :page-class="'page-item'"
                        :page-link-class="'page-link'"
                        :next-class="'page-item'"
                        :next-link-class="'page-link'"
                        :prev-class="'page-item'"
                        :prev-link-class="'page-link'"
                        class="justify-content-center mb-0"
                    >
                    </paginate>
                </div>
            </div>
        </div>
    </section>
</template>

<script>
export default {
    methods: {
        clickCallback(pageNum) {
            this.$router.push({
                path: `/page/${pageNum}`
            })
        }
    }
}
</script>

<style lang="scss">

</style>

导出默认值{
方法：{
单击回调（pageNum）{
这是$router.push({
路径：`/page/${pageNum}`
})
}
}
}

---

我想在单击navbar品牌时使用某种方式以编程方式单击分页的第一个页面项，但我不确定如何实现这一点。谢谢你的帮助

经过大量调试，我发现它实际上就是我放置分页组件的地方。在我的Nuxt应用程序中，我把它放在默认布局中。这意味着当我点击navbar品牌进入第一页时，分页没有重新装载。因此，我所做的是解决这个问题，将分页组件转移到它的各个页面。现在，当我从一个路由切换到另一个路由时，活动类将发生更改，因为分页组件将重新装载以响应更改