vue移动端页面实现上拉加载更多下拉刷新

直奔正题,本文解决的两个个需求:1、移动端页面的弹性上拉及下拉;2、上拉触发事件,下拉触发事件;

当然触发事件之后就可以做你想做的事情了加载更多数据,刷新数据什么的

这里我用的是iscroll  当然是针对于工程化开发的,浏览器端的官网介绍的很清楚

首先 npm i vue-iscroll-view --save-dev      

npm i iscroll --save-dev

第二步挂载

这里边介绍常用的滑动 上拉和下拉 三种事件


这里是上下拉事件,其中iscroll-view标签中不像browser必须只有一个根节点,第二点是样式必须要


如果移动端不能滑动的话像我这样在开标签上加上这个属性就行了,当然还有其他很多方法


滚动事件


当然还有可以做其他很多事情,比如返回顶部


小弟不才,希望对您有所帮助,欢迎大佬指点

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 主要介绍jdk命令行工具,参考自《深入理解java虚拟机》4.2.1 jps虚拟机进程状况工具jps——JVM P...
    愤怒的灰机阅读 801评论 0 0
  • 我相信大多数人会和我一样,在生活不如意时经常会抱怨:这操蛋的社会,操蛋的生活!可是,亲爱的。要相信生活的能力。永远...
    海德文阅读 8,728评论 14 47
  • 其一 榆荚树老人头白,远望家山心自哀。 梦里归来风雨户,寒衣叠在旧窗台。 其二 惯作无声踏远程,埋头愁绪心中盈...
    邱迟散人阅读 635评论 2 1
  • 岁月流逝,光阴一去不复返,漫漫的人生长河,人的生命只有一次,珍惜时间就是珍惜自己的生命。每个人心中都有一份理想...
    妙晰阅读 185评论 0 1