So implementieren Sie das horizontale Verschieben von Bildern in vueJS

VueJS-Methode zum Realisieren des horizontalen Verschiebens von Bildern: 1. Verwenden Sie npm, um vue-awesome-swiper zu installieren. 2. Verweisen Sie auf vue-awesome-swiper in main.js. 3. Verwenden Sie den Swiper, um nach links und rechts zu wischen, um Bilder zu wechseln.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Wie erreicht man ein horizontales Verschieben von Bildern in vueJS?

vue verwendet einen Swiper, um nach links und rechts zu wischen, um Bilder zu wechseln:

Verwenden Sie npm, um vue-awesome-swiper zu installieren

$ in main.js Der Hauptgrund, warum Refs nicht gefunden werden können, liegt darin, dass Anweisungen wie v-if, v-for und v-show auf von der übergeordneten Komponente übergebenen Parametern basieren und die Parameter während der mount()-Operation nicht abgerufen wurden. Bühne.

Wenn Sie die Daten wirklich erhalten möchten, nachdem das DOM geladen wurde, müssen Sie die globale API von VUE aufrufen:

this.$nextTick(() => {})

Empfohlen: „

Die neuesten 5 vue .js.“ Video-Tutorial-Auswahl

》

Das obige ist der detaillierte Inhalt vonSo implementieren Sie das horizontale Verschieben von Bildern in vueJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!