- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- VUE的uni-app基础组件及其用法是什么
VUE的uni-app基础组件及其用法是什么
Admin 2022-06-27 群英技术资讯 1067 次浏览
今天就跟大家聊聊有关“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
如何利用Javascript制作3D悬浮有倒影的文字特效
这篇文章主要为大家介绍了Three.js创建文字初体验，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
-
JS怎么实现自动轮播图切换，代码是什么
这篇文章主要为大家详细介绍了js实现轮播图自动切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
JS事件监听是什么，如何设置事件监听
本篇文章给大家带来了关于JavaScript的相关知识，其中主要整理了事件监听的相关问题，包括了什么是事件监听、设置事件监听的方法等等内容，下面一起来看一下，希望对大家有帮助。
-
jsconfig.json是什么，实际的应用及使用步骤是什么
这篇文章主要介绍了vue项目中 jsconfig.json是什么,本文仅仅简单介绍了 jsconfig .json 的一些基本配置，而 jsconfig .json提供了大量能使我们快速便捷提高代码效率的方法，需要的朋友可以参考下
-
JS中var、let、const关键字的使用有哪些不同
在ES6（ES2015）出现之前，JavaScript中声明变量就只有通过var关键字，函数声明是通过function关键字，而在ES6之后，声明的方式有var、let、const、function、class，本文主要讨论var、let和const之间的区别
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前：400-678-4567
7x24小时售后：0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话：010-58813000
服务邮箱：service@cnnic.cn
投诉与建议：0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
