vue+mescroll=VScrollFull

VScrollFull 介绍

• 这个组件是什么？
  是为了方便的使用下拉刷新，上拉加载而去封装的一个依赖于 mescroll.js 的 vue 组件（未发布，文末代码~）

• 封装这个组件使用了什么？
  mescroll.js
  vue.js

• 封装这个组件的理由？
  没有找到满意的 vue 下拉刷新组件，正在使用的上拉加载的组件使用也不够优雅，然后找到了 mescroll.js(可以去其官网案例一睹为快) 并简单封装了下使其能在 vue 项目中更方便的使用

效果演示 在线体验

下拉刷新+上拉加载

下拉刷新布局需要注意的是，若第一屏没有现实组件，则无法触发下拉刷新，滑动到滚动位置需要设置 position:fixed，急需要吸顶效果时才能使用下拉，好像没啥毛病~~~

上拉加载/滚动加载

项目中使用 组件所在仓库地址

1. 安装 mescroll.js : npm install --save mescroll.js
2. 将下面代码拷贝到项目/参考下面代码封装自己的滚动组件
3. 在页面中引入并使用

组件封装代码

测试代码

  
    
无任何数据
    

    {{item}}
    
  

相关资料

• mescroll.js
• vue.js
• vuepress
• vue-project-summary