vue2.0 移动端实现下拉刷新和上拉加载更多的示例

vue2.0 移动端实现下拉刷新和上拉加载更多的示例

本人正在基于 vue2.0 + webpack + es6 搭建前端架构，整理了部分插件，下面这个是下拉更新 上拉更多的，挺好用的，分享给大家。

直接上代码，不懂的多看几遍，下面我换会告诉大家如何使用。

:class="{'down':(state===0),'up':(state==1),refresh:(state===2),touch:touching}"

@touchstart="touchStart($event)"

@touchmove="touchMove($event)"

@touchend="touchEnd($event)"

@scroll="(onInfinite || infiniteLoading) ? onScroll($event) : undefined">

下拉更新

松开更新

更新中

加载中……

把上面组件拷贝一下，存成后缀是.vue的组件放到你的component下，  然后引入到页面 , 下面是我引用的demo

上代码： 里面有注释哦，有问题给我留言！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。