navigateTo 在 Nativescript-Vue 上不起作用

Posted

技术标签:

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

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

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

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

这是我调用方法的方式:

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

【问题讨论】:

【参考方案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 确实是&lt;Page&gt; 组件? (根元素是Page?)

【讨论】:

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

以上是关于navigateTo 在 Nativescript-Vue 上不起作用的主要内容,如果未能解决你的问题,请参考以下文章

nativescript-vue navigateTo 在 vue 组件之外

nativescript-vue navigateTo vue 页面道具被缓存

nativescript 传递道具 vue

如何在 nativescript vue 中从主页导航到登录页面?

Nativescript-vue原生iOS导航按钮在ActionBar上设置标题后消失

Nativescript Vue(移动应用程序) - 如何将模式列表视图中的选定项目数据传递回主应用程序?