今天给大家分享一个超赞的Vue下拉刷新和上拉加载组件VueMescroll。
mescroll 一个集成下拉刷新、上拉加载更多、无限滚动加载的js插件。支持vue和uni-app。完美兼容android、ios、手机和pc端浏览器。
vue-mescroll 基于mescroll.js实现的vue版本，流畅运行于主流移动端和pc端浏览器。
安装
$ npm i mescroll.js -S使用插件
“mescroll” :down=“mescrollDown” :up=“mescrollUp” @init=“mescrollInit”>
</vue-mescroll>
附上文档示例及仓库地址
# 官网
http://www.mescroll.com/
# vue-mescroll演示demo
https://github.com/mescroll/mescroll/tree/master/mescroll.js/vue-demo
# vue-mescroll在线示例
http://www.mescroll.com/preview.html?name=list-products-vue
# github地址
https://github.com/mescroll/mescrollokay，这次就介绍到这里。如果小伙伴们有更好的Vue下拉刷新组件，欢迎评论区分享交流。
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/9798.html
微信扫一扫
支付宝扫一扫
相关推荐
-
ThinkPHP关于JOIN使用方法详细说明
ThinkPHP 经常会遇到多表查询，最近的一个项目就是要同时查询四个表，当然 sql 也要使用多表查询了，只是在 where 的时候有些困难，研究了大半天的时间，终于给搞出来了，…
-
用js显示隐藏div简单效果
在做网站总后台项目的时候，需要做一个简单的 js隐藏DIV的效果，也就是说有一项内容，点击文字之后才会出现，然后将原来点击的文字隐藏掉，当然，跟原来项目经理说的有一点出入，遂从网上…
-
Js实现网页键盘控制翻页程序代码
键盘控制翻页效果我想我们不少见了，经常在很多网站特别是相册的效果都可以直接使用键盘进行上下页进行翻页了，原理很简单，只要利用js监测用户是否有按上下键即可实现。 举例,代码如下: …
-
一键测试VPS到国内速度脚本 Superspeed.sh
我们买国外VPS服务器测试网络通常会用到speedtest，speedtest默认是测试到最近的节点，那么到国内速度如何呢？虽然可以指定服务器编号，但是一个个测试还是比较麻烦的，这…
-
Spring Security入门教程 Hello World
Spring Security 对于 web 安全的控制，以前接触使用过 Shiro。 刚好最近在学习整理 Spring 相关的技术，就学习一下 Spring Security。 …
-
NGINX最常用的指令
服务管理 sudo systemctl status nginx # nginx当前状态 sudo systemctl reload nginx # 重新加载 nginx sudo…
-
浏览器多个tab页面之间通过localStorage进行通信
在页面中不同的frame之间进行相互调用的话，我们可以通过frame获取对应的window然后进行调用，但是如果是浏览器不同的tab之间呢？ 在这里，对通过localStorage…
-
Spring Cache从入门到真香
今天这篇文章是比较偏“教程”一点的文章。但也由浅入深，认真地分析了源码，并且介绍了一些在使用Spring Cache中常见的问题和解决方案，肯定是比简单的入门文档更有深度一些的，相…
-
被称为最美编程语言的经典学院派语言Pascal，成就了Delphi的传奇
1971年世界上第一台微处理器 —— 由成立三年的Intel公司推出的 4004 CPU —— 在美国硅谷诞生。……而与此同时，世界上第一个结构化编程语言 Pascal 正式诞生，…