浅谈VUE uni-app 基础组件
更新时间：2021年10月20日 08:56:36 作者：上晴下雪
这篇文章主要介绍了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>
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
vue3使用iframe嵌入ureport2设计器,解决预览时NullPointerException异常问题
这篇文章主要介绍了vue3使用iframe嵌入ureport2设计器,解决预览时NullPointerException异常问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue递归生成树状结构的示例,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-07-07
在本篇文章中我们给大家整理了2种关于VUE项目中使用百度地图的最简单的方法，非常实用，一起来学习下。2018-09-09
解决vue组件中使用v-for出现告警问题及v for指令介绍
这篇文章主要介绍了解决vue组件中使用v-for出现告警问题,在文中给大家介绍了v for指令，需要的朋友可以参考下2017-11-11
这篇文章主要为大家详细介绍了vue element实现表格合并行数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了VUE 全局变量的几种实现方式,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传。本文介绍了Vue实现文件切片上传的示例代码，需要的可以参考一下2022-10-10
这篇文章主要为大家详细介绍了vue echarts实现横向柱状图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
Vue中this.$refs获取为undefined的原因和解决办法(this.$refs.属性为undefined原因
在Vue项目开发中,使用this.$refs访问组件或DOM元素的引用时,可能会遇到获取为undefined的情况,这篇文章主要介绍了Vue中this.$refs获取为undefined的原因和解决办法,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
这篇文章主要给大家介绍了关于vue中组件＜router-view＞使用方法的相关资料,Vue 路由中的 <router-view/> 是用来承载当前级别下的子级路由的一个视图标签,此标签的作用就是显示当前路由级别下一级的页面,需要的朋友可以参考下2024-06-06
最新评论