nativescript - NativeScript Vue Frame navigateTo 不导航
问题描述
[编辑] ->游乐场链接
我正在使用 NativeScript 和 Vue 创建一个应用程序。加载后,我想显示一个登录页面,或者如果用户以前登录过,则导航到其他地方。我的页面加载但没有导航到登录页面。这是在 IOS 模拟器中运行的。
<template>
<Page>
<RadSideDrawer ref="drawer" showOverNavigation="true">
<StackLayout ~drawerContent backgroundColor="#ffffff">
<Label class="drawer-header" text="Drawer"/>
<Label class="drawer-item" text="Static 1"/>
<Label class="drawer-item" text="Static 2"/>
<Label class="drawer-item" text="Static 3"/>
</StackLayout>
<Frame ~mainContent>
<Page> <!-- test to see if mainContent navigates -->
<TextField class="input" hint="Email" keyboardType="email" autocorrect="false" autocapitalizationType="none" v-model="user.email"
returnKeyType="next" fontSize="18" />
</Page>
</Frame>
</RadSideDrawer>
</Page>
</template>
<script>
import homePage from './HomePage'
import loginPage from './LoginPage'
export default {
data() {
return {
isLoggingIn: true,
user: {
email: "foo@foo.com",
password: "foo",
confirmPassword: "foo"
}
};
},
mounted() {
this.user.email = "test@example.com", <!-- Change email to check mounted is called. It is! -->
this.$navigateTo(loginPage, { frame: "mainContent" } )
}
};
</script>
我无法弄清楚我做错了什么,也无法从源头上解决。任何帮助/建议将不胜感激。
解决方案
你还没有为你的Frame
inside设置一个 id RadSideDrawer
。
为了使您的this.$navigateTo
代码正常工作,框架声明应该是
...
<Frame id="mainContent" ~mainContent>
...
编辑:
我已经更新了您的Playground 示例。
Page
只能是 的孩子Frame
。所以我不得不更新你的LoginPage.vue
或HomePage.vue
持有一个Page
.- 如果我没记错的话,RadSideDrawer 会在内部覆盖 mainContent 的 ref(虽然不确定),所以 id 在这里效果更好。
- 安装组件时,并不意味着内部的所有组件也都已安装。所以我不得不添加一个超时。我不确定为什么您真的想在页面加载后立即导航,而是可以在 Frame 中嵌入登录/主页组件作为默认页面。
推荐阅读
- neo4j - 将 Neo4j Desktop 中的 Neo4j 数据库从一台计算机移动到另一台计算机
- flutter - 从 Future 返回一个对象
- 在颤振中
- python - Python / Pandas:如何创建一个多索引的空 DataFrame,然后开始填充它?
- typescript - 样式化组件css函数的打字稿错误
- nginx - 只允许从一个子域访问某些端口
- reactjs - 选择器连接多个组件,是否保证父组件先更新?
- c - Linux C:System V 消息队列是否有一个可以调用 `poll` 的文件描述符?
- apache-kafka-streams - Kafka Streams - 覆盖默认 addSink 实现/自定义生产者
- javascript - 有没有办法在没有 jquery 的情况下获得表亲元素类?
- python - set() 和 add() django 都没有添加到数据库条目