Vue.js重定向到另一个页面

我想进行Vue.js类似于香草javascript 的重定向

window.location.href = 'some_url'

如何在Vue.js中实现？

如果使用vue-router，则应使用router.go(path)导航到任何特定的路线。可以使用组件从组件内部访问路由器this.$router。

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

编辑：router.go()在VueJS 2.0中更改。您可以使用router.push({ name: "yourroutename"})或刚才使用router.push("yourroutename")重定向。

https://router.vuejs.org/guide/essentials/named-routes.html

根据文档，router.push似乎是首选方法：

要导航到其他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 ”

我的环境：node 6.2.1，vue 1.0.21，Ubuntu。

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

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

只是一个简单的简单路由：

this.$router.push('Home');

也可以尝试这个...

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

如果您想转到另一个页面 this.$router.push({path: '/pagename'})

如果您想使用参数进行路由 this.$router.push({path: '/pagename', param: {param1: 'value1', param2: value2})

window.location = url;

“ URL”是您要重定向的网络URL。

您也可以将v-bind直接用于模板，例如...

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

该:是的缩写v-bind。

如果有人想从一页永久重定向/a到另一页/b

我们可以使用中redirect:添加的选项router.js。例如，如果我们要在用户键入root或base url时始终将他们重定向到单独的页面/：

const router = new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      redirect: "/someOtherPage",
      name: "home",
      component: Home,
      // () =>
      // import(/* webpackChunkName: "home" */ "./views/pageView/home.vue"),

    },
   ]

<div id="app">
   <a :href="path" />Link</a>
</div>

<script>
      new Vue({
        el: '#app',
        data: {
          path: 'https://www.google.com/'
        }
      });
</script> enter code here

所以，我一直在寻找的不仅是这里把window.location.href我得出的结论是，重定向的最佳和最快的方式是在路径（这样，我们不会等待任何负载，我们重定向之前）。

像这样：

routes: [
    {
        path: "/",
        name: "ExampleRoot",
        component: exampleComponent,
        meta: {
            title: "_exampleTitle"
        },
        beforeEnter: () => {
            window.location.href = 'https://www.myurl.io';
        }
    }]

也许会帮助某人..

为了符合您的原始要求：

window.location.href = 'some_url'

您可以执行以下操作：

<div @click="this.window.location='some_url'">
</div>

请注意，这没有利用Vue的路由器，但是如果您想“在Vue.js中进行类似于原始javascript的重定向”，则可以使用。