mescroll.js的使用

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

mescroll.js的使用_第1张图片

1. npm 安装mescroll

    npm install  --save mescroll.js

2.如果之前 vue项目初始化 是用cnpm

需要

1>:卸载 npm uninstall webpack-dev-server,

2>:再安装这个npm i [email protected]

3.npm run dev

4.在页面中引入mescroll,

import MeScroll from 'mescroll.js'

import 'mescroll.js/mescroll.min.css'

5.页面 html配置


mescroll.js的使用_第2张图片

6.在data中加一个属性


mescroll.js的使用_第3张图片

7.在methods中配置方法----

注意 mouted调用的时候要和方法的函数名保持一致

mescroll.js的使用_第4张图片

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

mescroll.js的使用_第5张图片

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


mescroll.js的使用_第6张图片

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

你可能感兴趣的:(mescroll.js的使用)