Tabs 离子3选择选项卡离子视图输入
我有一个“标签页”,这是应用程序的第一页。我使用Tabs 离子3选择选项卡离子视图输入,tabs,ionic3,Tabs,Ionic3,我有一个“标签页”,这是应用程序的第一页。我使用this.tabs。在该页面的IONVIEWDIENTER内选择(3)以选择第四个选项卡。这将打开第四个选项卡作为默认选项卡,但类别为.scroll content的div没有上边距,因此它位于页眉后面。但是,如果我使用超时,例如: setTimeout(() => { this.tabs.select(3); }, 5000) 打开第四个选项卡时,一切似乎都正常。你认为问题可能是什么 这听起来像是您正在使用的生命周期事件类型声明的问题
this.tabs。在该页面的IONVIEWDIENTER
内选择(3)
以选择第四个选项卡。这将打开第四个选项卡作为默认选项卡,但类别为.scroll content
的div没有上边距,因此它位于页眉后面。但是,如果我使用超时,例如:
setTimeout(() => {
this.tabs.select(3);
}, 5000)
打开第四个选项卡时,一切似乎都正常。你认为问题可能是什么 这听起来像是您正在使用的生命周期事件类型声明的问题。您在创建视图后声明了选项卡,我怀疑在触发选项卡选择和创建视图本身之间存在通信错误(这就是为什么您使用
setTimeout()
,这真的很不方便)
您可以在“生命周期事件”部分下阅读有关生命周期事件的更多信息
您可以尝试点击ionViewWillEnter(){}
并在不超时的情况下设置选项卡
还有一个标签,您应该能够在选项卡标签中使用它
<ion-tabs selectedIndex="3">
已选择索引(编号)首次加载时的默认选定选项卡索引。 如果未提供所选索引,则它将使用第一个选项卡0 由于所选索引是在视图中的选项卡组件中定义的,因此选项卡的视图初始化应该没有问题