安装 npm i mint-ui -S 然后在main.js中引入 下拉刷新上拉加载更多数据 top-method绑定的是下拉刷新触发的方法 bottom-method是上拉加载触发的方法 bottom-all-loaded绑定的是否已加载完全部数据 ，默认 ...

最近用 mint-ui 实现了上拉加载更多和下拉刷新，正好今天有空就把实现过程都给记录下来，下面我准备来个小白教程。 我这个利用vue单页和普通页面方式展示。 1、首先用脚手架 vue-cli 搭建环境（这里我百度找了一个算看到舒服的教程，仅供参考） 2、Mint-UI (这里官网快速上手 ...

所遇问题： 该页面为双选项卡联动，四个部分都需要上拉加载和下拉刷新功能，使用的mint-ui的loadmore插件，分别加上上拉加载后，只有最后一个的this.$refs.loadmore.onTopLoaded();和this.$refs.loadmore.onBottomLoaded ...

...

前序:在使用vue做一个h5项目的时候，需要上拉分页加载，实践中总结一下： 首先要安装mint-ui npm i mint-ui -S 　然后引入，一般在main.js里面 下面是实现上拉加载的代码 <template> <div ...

1. 先安装mint-ui 2. 在main.js中引入mint-ui的css样式和组件 3. 使用loadmore组件 ...

### 优化 1、加载速度的优化 ①雪碧图---->base64、iconfont ②代码压缩 ③图片视频压缩 ④cdn缓存 ⑤路由懒加载（异步组件） 首页 ...

bug说明： Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下 ，在ios设备中滑动会触发点击事件； 解决方法： 我是按需引入，去项目中找到loadmore下的index.js，全部引入的要找mint下面mint-ui ...