navigateTo doesn't work on Nativescript-Vue

Question

I saw several Stackoverflow questions about this but I still couldn't solve my problem about switching pages.

I import the second Vue page. Then I call this.$navigateTo() on the page I imported. I don't get any errors after executing the method. Nothing happens! The method gets executed but the page doesn't change. The path to the second page is valid.

import SecondPage from './SecondPage';   
export default {
  methods: {
    run(){
      console.log('test')
      this.$navigateTo(SecondPage)
    }
  }
}

this is the way I call the method:

<Button text="Check" @tap="run()" />

Igor R. · Accepted Answer · 2019-08-20 14:40:53Z

3

There is likely an error in the SecondPage.vue file. What you can try is change the $navigateTo call to have a catch statement:

import SecondPage from './SecondPage';   
export default {
  methods: {
    run(){
      console.log('test')
      this.$navigateTo(SecondPage).catch(err => console.log('There was an error!', err))
    }
  }
}

See if it gives you a clue what might be wrong.

And just to make sure, SecondPage is indeed a <Page> component? (the root element is the Page?)

answered Aug 20, 2019 at 14:40

Igor R.

8975 silver badges15 bronze badges

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

1 Comment

Ifloop Over a year ago

It was an error that came up on the second page. That's why it didn't get loaded all the time. Wow. So many hours wasted on nothing. Thank you very much!!

Collectives™ on Stack Overflow

navigateTo doesn't work on Nativescript-Vue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related