vue项目 mescroll 插件--tab栏切换+下拉刷新
2019-05-27 本文已影响111人
AMEI_9185
前提：使用vue-cli搭建的vue项目
功能： 实现tab栏切换+上拉加载+下拉刷新
mescroll官网：http://www.mescroll.com/
可从官网下载案例 复制代码更改
使用步骤
一、安装
npm install --save mescroll.js
二、在页面中引入
image.png
三、在页面HTML中加入组件
导航栏部分
image.png
数据展示部分
image.png
四、在data中实例
image.png
五、在methods中写方法
切换tab栏
image.png
上拉 下拉 调用
image.png
方法
image.png
六、在css中定位（必须要用定位）
image.png
