navigateTo 在 Nativescript-Vue 上不起作用答案

【问题标题】：navigateTo doesn't work on Nativescript-VuenavigateTo 在 Nativescript-Vue 上不起作用
【发布时间】：2019-12-25 19:09:33
【问题描述】：

我看到了几个关于此的 Stackoverflow 问题，但我仍然无法解决关于切换页面的问题。

我导入了第二个 Vue 页面。然后我在我导入的页面上调用 this.$navigateTo() 。执行该方法后我没有收到任何错误。什么都没发生！该方法被执行，但页面没有改变。第二页的路径有效。

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

这是我调用方法的方式：

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

【问题讨论】：

标签： nativescript router

【解决方案1】：

SecondPage.vue 文件中可能存在错误。您可以尝试将 $navigateTo 调用更改为具有 catch 语句：

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

看看它是否能让你知道可能出了什么问题。

为了确保SecondPage 确实是<Page> 组件？（根元素是Page？）

【讨论】：

第二页出现错误。这就是为什么它没有一直加载的原因。哇。浪费了这么多时间。非常感谢！！