如何在 ionic 4 中实现后退按钮功能？答案

【问题标题】：How to implement Back button functionality in ionic 4?如何在 ionic 4 中实现后退按钮功能？
【发布时间】：2019-02-22 00:19:41
【问题描述】：

正如我们所知，在 ionic 4 中，它们将 push 和 pop 功能替换为 navigateForward 和 navigateBack。但是通过使用这种方法，我无法在状态栏中获得返回按钮。有人知道如何在 ionic 4 中实现后退按钮吗？

【问题讨论】：

【解决方案1】：

在您的 HTML 中，转到 ion-header 标记内的 ion-toolbar 标记并将后退按钮添加为

<ion-buttons slot="start">
   <ion-back-button></ion-back-button>
</ion-buttons>

这会在页面的左上角添加一个后退按钮，点击它会带你到上一个路线。

有关后退按钮的更多配置，请查看官方 Ionic v4.0 文档https://ionicframework.com/docs/api/back-button/

【讨论】：

【解决方案2】：

看起来可能存在需要提供defaultHref 属性才能显示的问题。从表面上看，这似乎是令人讨厌的开销，但我想它确实让您考虑每个页面的导航路径。不理想，但并不可怕。

【讨论】：

【解决方案3】：

您能否尝试在 ion-toolbar 中添加返回按钮。

 <ion-buttons slot="start">
      <ion-back-button defaultHref=""></ion-back-button>
  </ion-buttons>

【讨论】：