mescroll.js的使用

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,714评论 0 16
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,231评论 0 21
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,481评论 1 32
  • 商羽当然在骰碗落桌的那一刻,便已听出了碗内三颗骰子的点数是五、五、六,他本可以不费吹灰之力从赵老六儿那里再赢八百个...
    歌舒瀚阅读 216评论 0 1
  • 感赏儿子今早在我坚持不懈的努力下,起床去上学。 感赏自己在儿子没赶上校车时没有太抓狂,而是自己努力叫起儿子来并自己...
    燕子重生scy阅读 178评论 1 4