ionic(10):修改头部返回按钮返回指定页面

1. 头部代码：

    <ion-header>
      <ion-navbar color="head">
          <ion-title>业主实名信息注册</ion-title>
      </ion-navbar>
    </ion-header>

2. 其中ion-navbar就是返回按钮，我们给它加了一个自定义的颜色名为head。返回按钮默认的事件是返回上一页面。现在需要实现的是返回上上页面，或者返回到指定的一个页面。代码：

     import { Component, ViewChild } from '@angular/core';
     import { IonicPage, NavController, NavParams, Navbar } from 'ionic-angular';

     @ViewChild(Navbar) navBar: Navbar;

image.png

    ionViewDidLoad() {
        this.navBar.backButtonClick = this.backButtonClick;
    }
    backButtonClick = (e: UIEvent) => {
        // this.navCtrl.popTo(this.navCtrl.getByIndex(this.navCtrl.length()-3));//这里可以返回到上上页面
        this.navCtrl.popTo(this.navCtrl.getByIndex(1));//这里是返回到第一个页面，第0个页面表示首页，1就是表示首页下跳转的页面
        // this.navCtrl.push(RegisterPage);
    };

修改返回事件
以上，欢迎交流，企鹅：1216078547
参考资料：https://blog.csdn.net/FlyingKuiKui/article/details/80460474
https://blog.csdn.net/qq_34438958/article/details/77742665
https://blog.csdn.net/qq_41284481/article/details/82187055