ionic5 返回键返回总是返回 tab1如何解决

ionic5.x中从tabs切换页面跳转到其他页面，使用ion-back-button返回的话，默认都会返回到tab1页面。如果我们想从哪个tab页面跳转过去就返回到指定的tab页面的话，这时候就要用到NavController里面提到的back方法。

ionic5点击返回按钮的时候返回指定页面代码如下：

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');
  }
}

这就是ionic5 返回键返回总是返回 tab1如何解决的使用方法,ionic5 返回键返回总是返回 tab1如何解决就给大家先介绍到这里，希望对你有帮助

更多ionic5 返回键返回总是返回 tab1如何解决的使用教程：https://www.itying.com/goods-1067.html