1

我的 Ionic 5 应用程序有以下 3 个页面和导航路径

HomePage -> UserPage (with canDeactivate guard) -> SharePage

UserPage canDeactivate 方法:

  canDeactivate() {
        const alert = await this.alertCtrl.create({
        message: 'Do you want to go back?',
        buttons: [
          {
            text: 'No',
            role: 'cancel',
            handler: () => { }
          },
          {
            text: 'Yes',
            handler: () => { }
          }
        ]
      });
      await alert.present();
      let data = await alert.onDidDismiss();
      if (data.role == 'cancel') {
        return false;
      } else {
        return true;
      }
  }

在 UserPage 中,当我选择“是”时,在后退按钮上它工作正常并将我带回主页。

  1. 当我选择“否”时,canDeactivate 方法返回 false 并且 UserPage 保持打开状态。
  2. 然后我单击“共享”按钮导航到 SharePage。 分享页面成为根页面并且没有返回按钮
4

0 回答 0