mescroll官網(wǎng):http://www.mescroll.com
1. npm 安裝mescroll
? ? npm install? --save mescroll.js
2.如果之前 vue項(xiàng)目初始化 是用cnpm
需要
1>:卸載 npm uninstall webpack-dev-server,
2>:再安裝這個(gè)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中加一個(gè)屬性
7.在methods中配置方法----
注意 mouted調(diào)用的時(shí)候要和方法的函數(shù)名保持一致
8.在mounted中初始化一些數(shù)據(jù)
9.在css中配置加上下面這段css代碼
10蝇闭、一定要注意后臺(tái)返回?cái)?shù)據(jù)的數(shù)量。mescroll中默認(rèn)的是10條很澄,這個(gè)一定要和后臺(tái)溝通好。