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条,这个一定要和后台沟通好。
网友评论