ionic4 返回键返回总是返回 tab1如何解决
Ionic4.x中从tabs切换页面跳转到其他页面,使用ion-back-button返回的话,默认都会返回到tab1页面。如果我们想从哪个tab页面跳转过去就返回到指定的tab页面的话,这时候就要用到NavController里面提到的back方法。
Ionic4点击返回按钮的时候返回指定页面代码如下:
import { NavController } from '@ionic/angular'; constructor(public nav:NavController) { } this.nav.back(); this.nav.navigateBack('/tabs/tab3');
完整代码:
<ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-button (click)="goBack()"> <ion-icon slot="icon-only" name="arrow-back"></ion-icon> </ion-button> </ion-buttons> <ion-title>pinfo</ion-title> </ion-toolbar> </ion-header>
import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { NavController } from '@ionic/angular'; @Component({ selector: 'app-pinfo', templateUrl: './pinfo.page.html', styleUrls: ['./pinfo.page.scss'], }) export class PinfoPage implements OnInit { constructor(public route:ActivatedRoute,public nav:NavController) { } ngOnInit() { this.route.queryParams.subscribe((data)=>{ console.log(data); }) console.log(window.history); } goBack(){ this.nav.navigateBack('/tabs/tab3'); } }