vue学习第25天,数据排序 分页 使用滚动加载插件
来源:互联网 发布:魔方相片软件下载 编辑:程序博客网 时间:2024/06/05 08:35
1,通过 mongoose 插件来访问 mongoDB 数据库 通过 mongoose 的 model 实体调用 mongoose 插件的 api
2,model.find(params).skip(skip).limit(pageSize).sort({‘keyname’:sort});
Object params 是一个 对象 是查询条件
int skip 是表示忽略掉多少条
int pageSize 是一次的查询条数
int sort 1 表示升序 -1 表示降序
3,vue-infinite-scroll 一个滚动插件 i --save 安装
<div class="load-more" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="20"> 加载中... </div>fn loadMore 生效时的回掉函数 可以在里面执行请求
boolean busy 默认 false 表示生效 触发时会执行 loadMore 方法 true 的时候失效 不会在触发的时候 执行 loadMore 方法
infinite-scroll-distance="20"表示这个 div 元素 距离视窗 20 像素时候 触发 loadMore
阅读全文
0 0
- vue学习第25天,数据排序 分页 使用滚动加载插件
- js滚动分页加载数据
- vue学习第22天,axios插件
- vue学习第21天,vue-resource 插件
- 【无限滚动加载数据】—infinite-scroll插件的使用---------下拉加载数据、无线滚动
- 【无限滚动加载数据】—infinite-scroll插件的使用
- 【无限滚动加载数据】—infinite-scroll插件的使用
- 【无限滚动加载数据】—infinite-scroll插件的使用
- jquery 滚动条分页加载数据
- Android GridView横向滚动,分页加载数据
- vue学习第17天,渲染 JSX 插件
- vue滚动自动加载
- Vue 2.0 使用图片懒加载插件
- 【VUE】vue分页插件share
- vue 2 滚动条加载更多数据实现
- vue.js监听滚动条加载更多数据
- vue 中使用better-scroll插件时无法滚动问题
- 在Vue项目中使用easyScroll滚动条插件
- VMWare虚拟机网络配置
- 函数的调用过程,栈帧的创建和销毁
- 程序员30岁之前年薪不到40W,再不转行都晚了?
- 【NOIP2017普及组T4】跳房子-二分答案+DP单调队列优化
- HTML超文本语言入门(二)
- vue学习第25天,数据排序 分页 使用滚动加载插件
- 剑指offer——面试题4:替换空格
- P3371 【模板】单源最短路径
- leetcode 399. Evaluate Division HashMap存储树结构 + DFS深度优先遍历做法
- Spring AOP使用
- kafka概述
- C++bitset学习小记
- C++进阶—>Win32 多线程的创建方法和基本使用
- “程序”,你好,请多指教!