mescroll.js的使用
2018-10-19 本文已影响0人
時間蒼白了誓言_49b9
mescroll官网:http://www.mescroll.com
![](https://img.haomeiwen.com/i14417390/7a7d291f36ec5a67.png)
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配置
![](https://img.haomeiwen.com/i14417390/5fb9b201231505fc.png)
6.在data中加一个属性
![](https://img.haomeiwen.com/i14417390/f68d43fa6c4ab02e.png)
7.在methods中配置方法----
注意 mouted调用的时候要和方法的函数名保持一致
![](https://img.haomeiwen.com/i14417390/08d9f7c20abd725d.png)
8.在mounted中初始化一些数据
![](https://img.haomeiwen.com/i14417390/671e097489bb60bc.png)
9.在css中配置加上下面这段css代码
![](https://img.haomeiwen.com/i14417390/58fb7acd6ced2df4.png)
10、一定要注意后台返回数据的数量。mescroll中默认的是10条,这个一定要和后台沟通好。