mescroll官网:http://www.mescroll.com

1. npm 安装mescroll
npm install --save mescroll.js
2.如果之前 vue项目初始化 是用cnpm
需要
1>:卸载 npm uninstall webpack-dev-server,
2>:再安装这个npm i webpack-dev-server@2.9.7
3.npm run dev
4.在页面中引入mescroll,
import MeScroll from 'mescroll.js'
import 'mescroll.js/mescroll.min.css'
5.页面 html配置

6.在data中加一个属性

7.在methods中配置方法----
注意 mouted调用的时候要和方法的函数名保持一致

8.在mounted中初始化一些数据

9.在css中配置加上下面这段css代码

10、一定要注意后台返回数据的数量。mescroll中默认的是10条,这个一定要和后台沟通好。
网友评论