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

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

Vue3.js重定向

ve3 js全局重定向可以在main.ts中使用此方法定义

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)
app.config.globalProperties.$redirect = (page) => {router.push(page)}
app.use(router).mount('#app')

组件

<button @click="$redirect('/login')" type="button" class="btn ">Login</button>

你也可以直接在模板上使用v-bind，就像…

<a :href="'/path-to-route/' + IdVariable">

:是v-bind的缩写。

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

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

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

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

this.$router

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

this.$router.push('Home') 

只使用:

window.location.href = "http://siwei.me"

不要使用vue-router，否则会被重定向到 “http://yoursite.com/ # ! / http://siwei.me”

我的环境:节点6.2.1,vue 1.0.21, Ubuntu。

window.location = url;

'url'是你想重定向的web url。