浅谈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>
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
相关文章
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
这篇文章主要为大家详细介绍了Vue.js基础指令实例,各种数据绑定、表单渲染大总结,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-07-07vue+element使用动态加载路由方式实现三级菜单页面显示的操作
这篇文章主要介绍了vue+element使用动态加载路由方式实现三级菜单页面显示的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
最新评论