better-scroll上拉加载 和下拉刷新 的使用(基于vue写成组件的形式)
来源:互联网 发布:小米软件推送关闭 编辑:程序博客网 时间:2024/05/21 06:17
`
import BScroll from 'better-scroll' export default { props: { /** * 1 滚动的时候会派发scroll事件,会截流。 * 2 滚动的时候实时派发scroll事件,不会截流。 * 3 除了实时派发scroll事件,在swipe的情况下仍然能实时派发scroll事件 */ probeType: { type: Number, default: 1 }, /** * 点击列表是否派发click事件 */ click: { type: Boolean, default: false }, /** * 是否开启横向滚动 */ scrollX: { type: Boolean, default: false }, /** * 是否派发滚动事件 */ listenScroll: { type: Boolean, default: false }, /** * 列表的数据 */ data: { type: Array, default: null }, /** * 是否派发滚动到底部的事件,用于上拉加载 */ pullup: { type: Boolean, default: false }, /** * 是否派发顶部下拉的事件,用于下拉刷新 */ pulldown: { type: Boolean, default: false }, /** * 是否派发列表滚动开始的事件 */ beforeScroll: { type: Boolean, default: false }, /** * 当数据更新后,刷新scroll的延时。 */ refreshDelay: { type: Number, default: 20 } }, mounted () { // 保证在DOM渲染完毕后初始化better-scroll setTimeout(() => { this._initParms() this._initScroll() }, 20) }, methods: { _initParms () { this.options = { click: true, probeType: 3, // 滑动过程中派发scroll事件 pullDownRefresh: { threshold: 50, // 当下拉到超过顶部 50px 时,触发 pullingDown 事件 stop: 40 // 刷新数据的过程中,回弹停留在距离顶部还有 20px 的位置 }, pullUpLoad: { threshold: -40// 在上拉到超过底部 20px 时,触发 pullingUp 事件 }, scrollbar: false } }, _initScroll () { if (!this.
阅读全文
0 0
- better-scroll上拉加载 和下拉刷新 的使用(基于vue写成组件的形式)
- better-scroll实现下拉刷新、上拉加载更多(巨简单...)
- 关于scroll的上拉刷新下拉加载
- Ionic之如何使用ion-infinite-scroll实现上拉加载,下拉刷新的功能
- ListView的上拉加载和下拉刷新的使用
- UICollectionView的高级使用和上拉加载下拉刷新
- XListView 的使用 (上拉加载,下拉刷新)
- Xrecyclerview的使用(上拉刷新,下拉加载)
- 微信小程序上拉刷新和下拉加载2种方法实现,onPullDownRefresh,scroll-view使用
- ListView的下拉刷新和上拉加载(一)
- 基于iscroll 5 的上拉加载下拉刷新
- 支持下拉刷新、上拉加载的RecyclerView,基于PullToRefresh
- 使用react-native,reduce开发简洁且的上拉刷新下拉加载更多的组件
- 好用的ReactNative下拉刷新上拉加载的组件,支持iOS和Android
- 好用的ReactNative下拉刷新上拉加载的组件,支持iOS和Android
- 好用的ReactNative下拉刷新上拉加载的组件,支持iOS和Android
- 基于zepto写的几个常用小东西(toast、加载器、上拉加载、下拉刷新)
- 使用安卓自带刷新控件实现ListView的上拉加载和下拉刷新
- 面试-链表逆置 作业手写一个单链表,并且实现单链表元素的逆置,(a0, a1,a2,a3,..an)-> (an,an-1,… a1, a0),算法的空间复杂度和时间复杂度经可能低
- 指针的引用,举例数据结构中的应用
- 文章标题
- android开机没有收到开机广播
- 定义栈的数据结构,请在该类型中实现一个能够得到栈最小元素的min函数。
- better-scroll上拉加载 和下拉刷新 的使用(基于vue写成组件的形式)
- springmvc项目解决的一些主要问题
- sql日期
- JVM垃圾回收CMS
- android使用xml自定义button样式
- 经验总结-完整介绍Android Studio中Git的使用之.gitignore和README文件的说明(五)
- Presto学习-presto介绍
- 111
- HDU