- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- VUE的uni-app基础组件及其用法是什么
VUE的uni-app基础组件及其用法是什么
Admin 2022-06-27 群英技术资讯 300 次浏览
今天就跟大家聊聊有关“VUE的uni-app基础组件及其用法是什么”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“VUE的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>
总结
感谢各位的阅读，以上就是“VUE的uni-app基础组件及其用法是什么”的内容了，经过本文的学习后，相信大家对VUE的uni-app基础组件及其用法是什么都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
vue如何批量引入组件、注册和使用详解
组件是我们非常常用的东西，很多人使用组件都是通过一个一个文件去引用和注册。这篇文章就来介绍下vue批量引入组件、注册和使用的方法。
-
事件驱动如何用于浏览器中的JS及Node.js
这篇文章主要介绍了JS和Nodejs中的事件驱动，对事件驱动感兴趣的同学，可以参考下
-
vue的脚手架安装方法是什么，为何会安装失败
我们通常会用到脚手架vuecli创建项目,此时需要安装脚手架,下面这篇文章主要给大家介绍了关于vue脚手架安装以及安装失败问题的解决办法,需要的朋友可以参考下
-
Nodejs连接MongoDB数据库的操作是什么
commentBox1.创建管理员首先开启Mongo服务，然后切换admin数据库，一开始是没有这个数据库的。>useadmin12.然后创建用户和密码：>db.createUser({user:’root’,pwd:’root1234’,rol
-
vue框架中如何实现时间实时刷新的功能，代码是什么
这篇文章主要为大家详细介绍了vue实现右上角时间显示实时刷新，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
