Hintergrundbeschreibung:
Aufgrund der Anforderungen des Unternehmens ist es notwendig, den aktuellen Wert des aktuellen Swipers entsprechend dem Rückgabewert festzulegen, was dazu führt, dass der Swiper flackert und zittert. Jetzt werde ich meine Lösung teilen.
- Schauen wir uns zunächst einige Ereignismethoden von Swiper an
| Attribute | Typ | Standardeinstellungen | Erforderlich | veranschaulichen |
|---|---|---|---|---|
| bindchange | Ereignishandle | NEIN | Das Änderungsereignis wird ausgelöst, wenn aktuelle Änderungen vorliegen, event.detail = {current, source} | |
| bindtransition | Ereignishandle | NEIN | Das Übergangsereignis wird ausgelöst, wenn sich die Position des aktuellen Swiper-Elements ändert, event.detail = {dx: dx, dy: dy} | |
| bindanimationfinish | Ereignishandle | NEIN | Das Animationfinish-Ereignis wird ausgelöst, wenn die Animation endet. event.detail ist dasselbe wie oben |
- Lösung 1 basierend auf der obigen Attributanalyse:
Die drei Ereignisse stellen unterschiedliche Methoden dar, aber bindchange und bindtranstion werden aufgerufen, wenn die Position geändert wird, was offensichtlich nicht für das aktuell verwendete Anti-Shake-Ereignis geeignet ist, sodass die Daten im bindanimationfinish-Ereignis anstelle von bindchange.current festgelegt werden können
-
Schauen Sie sich auch die Tippdarstellung in der Dokumentation von Swiper an (Methode 2)