Question

我已使用以下命令将该离子样品项目安装为基础：

ionic start myApp tabs

当我将此后退按钮添加到子页面标题时，它不会显示：

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

据我了解，应该有历史记录才能显示按钮。因此，官方样本不应该在路线内具有浏览历史记录吗？你们有一个简单的工作示例，其中有选项卡和导航按钮吗？否则，我不知道如何以最佳实践来实现它。

谢谢

Answer 1

请尝试通过设置默认页面 defaultHref =“ / home”

来尝试此操作

<ion-toolbar>
    <ion-buttons slot="start">
       <ion-back-button defaultHref="/home"></ion-back-button>
    </ion-buttons>
    <ion-title>
      Title
    </ion-title>
  </ion-toolbar>

Answer 2

对于离子4+，使用此代码可使您的“后退”按钮可见。

<ion-header>
  <ion-toolbar>
    <ion-title>Title</ion-title>
    <ion-buttons slot="start">
      <ion-back-button href="/"></ion-back-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

谢谢！

离子页面未显示后退按钮

2 个答案: