How to load a another component after clicking a button using Vue.js

Question

I am creating an app, however, I want that when I click Signup, register() executes and upon return of a promise I want to route to the login route.

Instead of staying on the same signup page, I want to route to the login page

register(){

  axios.post('url', {

    username: this.username,
    password:this.password
  })
  .then(function (response) {
    console.log(response);

  })
  .catch(function (error) {
    console.log(error);
  });

Are you using vue-router?

Bert
– Bert

2017-06-14 19:25:43 +00:00
Commented Jun 14, 2017 at 19:25 — Bert
– Bert, Commented Jun 14, 2017 at 19:25
@BertEvans..Yes I am using vue-router

Artwell
– Artwell

2017-06-15 10:15:17 +00:00
Commented Jun 15, 2017 at 10:15 — Artwell
– Artwell, Commented Jun 15, 2017 at 10:15

Bert · Accepted Answer · 2017-06-15 16:24:31Z

2

Use push() on the router.

.then(function (response) {
  console.log(response);
  this.$router.push('login');
})

Vue-router has programmatic navigation.

edited Jun 15, 2017 at 16:24

Bert

82.6k17 gold badges205 silver badges166 bronze badges

answered Jun 14, 2017 at 19:30

Theo

2,8191 gold badge28 silver badges28 bronze badges

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

3 Comments

Artwell Over a year ago

Can i export router so I can use it in another component?

Bert Over a year ago

@Artwell $router is avaliable on all components.

Theo Over a year ago

@BertEvans is correct. And to answer your question, yes, you can also export it to use in another component. Here is an example... github.com/theosherman/insulin-calculator/blob/master/src/…

Collectives™ on Stack Overflow

How to load a another component after clicking a button using Vue.js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related