在组件脚本标记中，您可以使用路由器并执行类似的操作

this.$router.push('/url-path')

根据文件，是路由器。推送似乎是首选方法:

要导航到不同的URL，使用router.push。此方法将 历史堆栈中的新条目，因此当用户单击浏览器时 返回按钮，他们将被带到以前的URL。

来源:https://router.vuejs.org/en/essentials/navigation.html

供参考:Webpack和组件设置，单页应用程序(通过Main.js导入路由器)，我必须调用路由器函数，这样说:

this.$router

示例:如果你想在满足条件后重定向到一个名为“Home”的路由:

this.$router.push('Home') 

从api获取特定页面 最简单的方法是向URL添加另一个参数，该参数将破坏缓存。

router.replace(数据。电流+ '?t=' + (new Date())).getTime())

例如

router.beforeEach((to, from, next) => {

axios
    .get('http://domazin.com/currentpage')
    .then(response => {
     const data = response.data
       if (to.path != data.current) {
              router.replace(data.current + '?t=' + (new Date()).getTime())
       } else {
          next()
       }
    })
    .catch(error => {
        console.log(error)
});

);

我使用Vue3，这对我来说是有效的

router.push({ name: 'myRoute' })

如果你正在使用vue-router，你应该使用router.go(path)来导航到任何特定的路由。路由器可以在组件中使用。$router来访问。

否则，window.location.href = 'some url';适用于非单页应用程序。

编辑:router.go()在VueJS 2.0中更改。你可以使用$router。Push ({name: "yourroutename"})或者只是router.push("yourroutename")现在重定向。

文档

注意:在控制器中使用:this.$router。Push ({name: 'routename'})

如果您正在使用Composition API，方法是使用类似这样的东西

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()

router.push({ name: 'about' })
</script>

您可以使用Vue devtools检查路由的名称

我也建议使用name，因为如果你想要更新某个路径，你不需要重写所有的按钮/链接。