Ionic 5 - ion-item 需要在 IOS 中点击 2 次才能触发 onclick 事件

Question

下面的代码用于在点击 ion-item 时打开模式

 <ion-item lines="none" (click)="selectDepartment()" class="m-0 ion-float-left w100">
   <ion-input formControlName="department_name" ngDefaultControl readonly type="text" placeholder="Select Department" class="tenx-input with-icon header-sub-head-font-16 w100 ion-float-left">
        <ion-icon class="header-sub-head-font-16" src="assets/icon/down-arrow.svg" item-right></ion-icon>
   </ion-input>
 </ion-item>

“selectDepartment”只有在用户第二次点击 ion-item 时才会被触发。尝试了很多解决方案但没有成功

离子信息

Ionic:

   Ionic CLI                     : 5.4.16 (C:\Users\Nitin\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 5.3.4
   @angular-devkit/build-angular : 0.1000.8
   @angular-devkit/schematics    : 10.0.8
   @angular/cli                  : 10.0.8
   @ionic/angular-toolkit        : 2.3.3

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : android 9.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 12 other plugins)

Utility:

   cordova-res : 0.12.1
   native-run  : 1.0.0

System:

   Android SDK Tools : 26.1.1 (C:\Android\sdk)
   NodeJS            : v10.17.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.11.3
   OS                : Windows 10

Answer 1

解决此问题的方法可能是：

禁用 ion-item
添加 onClick ion-item
防止默认

它总是对我有用。

Ionic 5 - ion-item 需要在 IOS 中点击 2 次才能触发 onclick 事件

Ionic 5 - ion-item requires 2 clicks in IOS to trigger onclick event

ios

ionic-framework

ionic-native

ionic5

ion-item