--- theme: channing-cyan --- 小知识，大挑战！本文正在参与「[程序员必备小知识](https://juejin.cn/post/7008476801634680869 "https://juejin.cn/post/7008476801634680869")」创作活动本文已参与 [「掘力星计划」](https://juejin.cn/post/7012210233804079141 "https://juejin.cn/post/7012210233804079141") ，赢取创作大礼包，挑战创作激励金基于`NuxtJS 2.x`构建的项目实现，`mescroll.js` 为 1.4.1 mescroll 介绍：精致的下拉刷新和上拉加载 js 框架 - 原生 js 实现，不依赖 jquery,zepto - 支持 Vue - 支持 uni-app，一套代码多端运行，完美运行于 android, iOS, 手机各浏览器 - 兼容 PC 端主流浏览器 - [Axios 文档](https://www.kancloud.cn/yunye/axios/234845) - [mescroll 官网](https://www.mescroll.com/) ## 安装 ```bash npm install --save mescroll.js ``` ## 封装 1. 下拉刷新配置 `defaultMescrollDown` 2. 上拉加载配置 `defaultMescrollUp` 3. 是否允许 ios 的 bounce 回弹 `isBounce` ```html ``` ## 使用 ```html ```