- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- VUE的uni-app基础组件及其用法是什么
VUE的uni-app基础组件及其用法是什么
Admin 2022-06-27 群英技术资讯 664 次浏览
今天就跟大家聊聊有关“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中如何实现鼠标拖动div的效果，方法是什么
这篇文章主要为大家详细介绍了vue+ts实现元素鼠标拖动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
Typescript中怎样用for...in，报错问题怎样解决
如何在Typescript中使用for...in ？本人在TS中用for...in出现了些问题，也想到了一些解决方法。那么先来看看下面报错的代码吧。
-
用vue来实现简单的选项卡切换效果的代码是什么
直接上代码：!DOCTYPE htmlhtml lang=en head meta charset=UTF-8 meta http-equiv=X-UA-Compatible content=IE=edge meta name=viewport content=width=device-width,
-
vant的picker组件基本用法是什么？
本文我们来了解vant的picker组件的基本用法，下文示例对大家学习picker组件的使用有一定的帮助，需要的朋友可以参考。另外，本文还介绍了vant-ui的Field输入框和Picker结合使用时，如何绑定正确的id类型的值的问题，感兴趣的朋友也可以了解看看。
-
Node.js中EventEmitter模块如何使用，要注意什么？
这篇文章我们来了解Node.js中EventEmitter模块的使用，EventEmitter是 Node.js 的内置模块，能提供事件订阅机制，对此下文主要给大家讲讲要怎样使用它，感兴趣的朋友接下来就跟随小编来了解看看吧！
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
