在不重新渲染的情况下更改 Nuxt 路由
Change Nuxt Route Without Re-rendering
我有一个 Nuxt 页面，我想在不使用按钮上的方法重新渲染或刷新页面的情况下更改路由路径。
如果我做 this.$router.push() 或 replace()，页面将刷新，如果我做 window.history.pushState() 或 replaceState() 工作正常，但在那之后如果我添加一个查询this.$router.push({ query: a = b }) 在我的页面上，页面将刷新，因为使用 window.history 更改路由不会更改 $route 并且当我使用 this.$router.push 时，Vue Router 认为它是一个不同的页面。
我在互联网上进行了大量搜索，但没有找到任何内容，所以请不要将此问题标记为重复。
您真正要查找的是默认布局和一些嵌套路由。下面是一个示例，说明如何通过几个步骤在 Nuxt 中实现此目的：https://nuxtjs.org/examples/routing-nested-pages
最后，我使用父页面和 nuxt 子页面解决了这个问题，我将选项卡更改为导航并在父页面上呈现基本组件，在子页面上呈现其他内容，现在它工作正常。 Tnx @kissu 和@Braks。
我有一个 Nuxt 页面，我想在不使用按钮上的方法重新渲染或刷新页面的情况下更改路由路径。
如果我做 this.$router.push() 或 replace()，页面将刷新，如果我做 window.history.pushState() 或 replaceState() 工作正常，但在那之后如果我添加一个查询this.$router.push({ query: a = b }) 在我的页面上，页面将刷新，因为使用 window.history 更改路由不会更改 $route 并且当我使用 this.$router.push 时，Vue Router 认为它是一个不同的页面。
我在互联网上进行了大量搜索，但没有找到任何内容，所以请不要将此问题标记为重复。
您真正要查找的是默认布局和一些嵌套路由。下面是一个示例，说明如何通过几个步骤在 Nuxt 中实现此目的：https://nuxtjs.org/examples/routing-nested-pages
最后，我使用父页面和 nuxt 子页面解决了这个问题，我将选项卡更改为导航并在父页面上呈现基本组件，在子页面上呈现其他内容，现在它工作正常。 Tnx @kissu 和@Braks。