Heim > Web-Frontend > View.js > Hauptteil

So implementieren Sie das horizontale Verschieben von Bildern in vueJS

藏色散人
Freigeben: 2021-11-01 14:27:58
Original
3664 Leute haben es durchsucht

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.

So implementieren Sie das horizontale Verschieben von Bildern in vueJS

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage