Question

我正在使用 BarcodeScanner 扫描产品条码。

扫描条形码后，产品 ID 显示在文本字段中，并将其发送到我调用 api 并显示产品详细信息的另一个页面。现在在产品详细信息页面上，我有一个后退按钮，可将用户带回扫描页面。

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

返回此页面后，扫描的产品 ID 仍在文本字段中，我想要的是使用我尝试过的返回按钮返回后刷新页面

 ionViewWillEnter() {
  }

那没用。

有人可以告诉我我怎样才能做到这一点

Answer 1

使用 ionViewDidEnter 你可以这样尝试

.ts 文件

pid: any = "";

constructor(public navCtrl: NavController) {
 
}

ionViewDidEnter() {
 this.pid = "";
}

getid(){
this.pid = '23232'
}

gotoNext() {
this.navCtrl.push(ContactPage, { id: this.pid });
}

.html

<ion-content padding>
<h2> product id : {{pid}} </h2>
<button ion-button (click)="getid()"> get product id </button>
<button ion-button (click)="gotoNext()"> next </button>
</ion-content>

我为此创建了一个演示，请看一下

Demo for the Same

ionic : 清除离子后退按钮上的文本字段

1 个答案: