Eine kurze Einführung in die Basiskomponenten der VUE uni-app

1. Scroll-Ansicht

Beim vertikalen Scrollen müssen Sie eine feste Höhe angeben und die Höhe über CSS festlegen. Beim horizontalen Scrollen müssen Sie white-space: nowrap ;“ hinzufügen.

scroll-y : ermöglicht vertikales Scrollen, scroll-x: ermöglicht horizontales Scrollen

@scroll : wird beim Scrollen ausgelöst, event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

Zweiseitige Datenbindung

<Vorlage>
	<Ansicht>
		<scroll-view class="scroll" scroll-y="true" @scroll="scroll">
			<view v-for="i in 100">{{i}}</view>
		</scroll-ansicht>
	</Ansicht>

</Vorlage>

<Skript>
	Standard exportieren {
		Daten() {
			zurückkehren {
				Flagge: wahr
			}
		},
		Methoden: {
			scrollen(e){
				Konsole.log(e.detail);
			}
		}
	}
</Skript>

<Stil>
	.scrollen{
		Höhe: 400rpx;
	}
</Stil>

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!