Vuejs 2 router not working programatically but, working as router link

Question

index js file

I used vue router programatically but it didn't working for me.I searched through the web and everyone used this.$router.push().

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import BecomeHost from '@/components/BecomeHost'

Vue.use(Router)

export default new Router({
 routes: [
 {
  path: '/',
  name: 'HelloWorld',
  component: HelloWorld
 },
 {
  path: '/become_host',
  name: 'BecomeHost',
  component: BecomeHost
 }
]})

component.vue

I called like below when response sucess but not working

if (res.data.status === 'success') {
    localStorage.setItem('user', JSON.stringify(res.data.data))
    let user = JSON.parse(localStorage.getItem('user'))
    this.setUserData(user)
    this.$router.push('/become_host')
}

When you say it's not working, can you explain a bit more? What's doing or not doing? Is it going through $router.push? Do you have any error in the console? — Javi Mollá
– Javi Mollá, Commented Sep 11, 2018 at 6:28

masongzhi · Accepted Answer · 2018-09-11 06:57:31Z

2

you can try it like below

this.$router.push({path: 'become_host'})
// or
this.$router.push('BecomeHost')

answered Sep 11, 2018 at 6:57

masongzhi

1641 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nika Kurashvili · Accepted Answer · 2018-09-11 07:11:10Z

2

You can use push with props, more details here

In your case I think, you need something like this:

this.$router.push({ path: 'become_host' })

OR

this.$router.push({ name: 'BecomeHost' })

answered Sep 11, 2018 at 7:11

Nika Kurashvili

6,57210 gold badges76 silver badges154 bronze badges

Collectives™ on Stack Overflow

Vuejs 2 router not working programatically but, working as router link

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related