uni-app 基础组件 浅谈VUE uni-app 基础组件
上晴下雪 人气:0想了解浅谈VUE uni-app 基础组件的相关内容吗，上晴下雪在本文为您仔细讲解uni-app 基础组件的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：VUE,uni-app,uni-app基础组件，下面大家一起来学习吧。
1 .scroll-view
使用竖向滚动时，需要给 一个固定高度，通过 css 设置 height；使用横向滚动时，需要给添加white-space: nowrap;样式。
scroll-y：允许纵向滚动，scroll-x：允许横向滚动
@scroll： 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
数据双向绑定
<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>
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注的更多内容!
加载全部内容