Redirect from method in Vue.js with Vue-router

@strategicsdemexico Use the router.go(path) option.

savePost: function(){
            this.$http.post('/posts', this.post)
            .success(function(post){
                router.go('/')
            });
        },

For reference: http://router.vuejs.org/en/api/go.html

What about in components?

@strategicsdemexico The same way. Are you getting some error?

try this inside your component ?

   this.$route.router.go('/');

@veve286 you are the man! thank you!

First create a router instance

var router = new VueRouter() ;

Then create your redirection with the router

router.go('/');

see : http://vuejs.github.io/vue-router/en/basic.html

I'm using Vueify and cannot get the router to work in my components. I've brought in Vue-router with npm. Registering it with var VueRouter = require('vue-router'); var router = new VueRouter(); I wanted to use it within a vue-resource method as above and I keep getting router not defined. What am I doing wrong? Thanks

LT

You need to register the router with Vue after instantiation:

Vue.use(VueRouter)

if you use vue router 2.0

this.$router.push('/')

Docs for 2.0 Programmatic Navigation. http://router.vuejs.org/en/essentials/navigation.html

For ones like me who want to address this on routing based on the URL, see also https://router.vuejs.org/en/essentials/redirect-and-alias.html as you can say maybe if the user goes to /home on Spark for example, you want to redirect him to /dashboard (this was my personal case).

Would translate to something like :

const router = new VueRouter({
    mode: 'history',
    base: __dirname,
    routes: [
        {   
            path: '/dashboard',
            name: 'dashboard',
            component: Dashboard
        },
        {
            path: '/home',
            redirect: '/dashboard'
        }
    ]
})