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

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

如果你正在使用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'})

只使用:

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

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

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

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

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

:是v-bind的缩写。

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

我们可以使用在router.js中添加的redirect:选项。例如，当用户输入根或基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"),

    },
   ]

window.location = url;

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