欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談VUE uni-app 基礎(chǔ)組件

 更新時(shí)間：2021年10月20日 08:56:36   作者：上晴下雪  
這篇文章主要介紹了uni-app 的基礎(chǔ)組件，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

1 .scroll-view

使用豎向滾動(dòng)時(shí)，需要給 一個(gè)固定高度，通過(guò) css 設(shè)置 height；使用橫向滾動(dòng)時(shí)，需要給添加white-space: nowrap;樣式。

scroll-y：允許縱向滾動(dòng)，scroll-x：允許橫向滾動(dòng)

@scroll： 滾動(dòng)時(shí)觸發(fā)，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

數(shù)據(jù)雙向綁定

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

</template>

<script>
	export default {
		data() {
			return {
				flag:true
			}
		},
		methods: {
			scroll(e){
				console.log(e.detail);
			}
		}
	}
</script>

<style>
	.scroll{
		height:400rpx;
	}
</style>

總結(jié)

本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

相關(guān)文章

最新評(píng)論