公众号:一个正经的程序员 原创 作者:散淡样子 GitHub:https://github.com/LouisLiu00 00 前言 Web 项目经常会用到下拉滚动加载数据的功能,今天就来种草一款 Vue-infinite-loading 内置加载动画以及良好的兼容性,可立即投入生产 双向支持: 目前支持向上和向下两种加载方式,可适应于更多的应用场景 结果展示: 可配置的加载结果展示,比如没有更多数据、没有任何数据等等 01 安装 npm install vue-infinite-loading --save 02 引用 import InfiniteLoading from 'vue-infinite-loading'; export default { components: { InfiniteLoading infiniteHandler"></infinite-loading>
step2 使用vue-infinite-loading进行上拉加载 关于vue-infinite-loading使用方法见官网。 安装; npm install vue-infinite-loading --save ? /components/PageFooter' import axios from 'axios' import InfiniteLoading from 'vue-infinite-loading' 我们提交代码: six-tao git status git diff git commit -am 'add vue-infinite-loading' git push six-tao-server
22、Vue Infinite Loading 地址:https://peachscript.github.io/vue-infinite-loading/ 为网站创建无限滚动功能。
/components/PageFooter' import axios from 'axios' import InfiniteLoading from 'vue-infinite-loading'
编辑器 vue-google-maps:带有双向数据绑定Google地图组件 vue-progressbar:vue轻量级进度条 vue-picture-input:移动友好的图片文件输入组件 vue-infinite-loading 树视图组件 vue-tabs – 多tab页轻型框架 02、滚动scroll组件 vue-scroller – Vonic UI的功能性组件 vue-mugen-scroll – 无限滚动组件 vue-infinite-loading
vue-google-maps ★287 - 带有双向数据绑定Google地图组件vue-progressbar ★248 - vue轻量级进度条vue-picture-input ★236 - 移动友好的图片文件输入组件vue-infinite-loading
vue-quill-editor ★615 - 基于Quill适用于Vue2的富文本编辑器 vue-amap ★571 - 基于Vue 2和高德地图的地图组件 vue-calendar ★536 - 日期选择插件 vue-infinite-loading