龙空技术网

基于VUE2.0的分页插件

消消乐的生活百态 165

前言:

目前大家对“如何用jquery进行分页显示”都比较珍视,姐妹们都需要学习一些“如何用jquery进行分页显示”的相关文章。那么小编在网络上汇集了一些有关“如何用jquery进行分页显示””的相关内容,希望大家能喜欢,大家一起来了解一下吧!

基于VUE2.0的分页插件(很好用,很简单)

基于jQuery的分页插件很多,今天分享一下基于Vue的分页插件pagination.js,该插件使用用感觉很不错,简单不复杂,现将个人使用过程中的方法与遇到的问题以及实例分享出来。

下载解压的主要目录是:

Vue_Pagination_demo.html可以直接打开查看UI

Vue_Pagination的使用

1.首先分析插件需要的组件

vue.js 、zpageNav.css、zpageNav.js

2.在页面中导入相应的文件

3.组件上属性配置

此时注意 若因为数据返回的key需要自行修改插件,标签上属性的绑定名要按照图中 不能识别驼峰,小写字母加‘-’,不然会报错

如图是我因为这边返回的key而做的改动,可能大家都知道,只是做一个提醒

4.编写js,vue的方法

上图以及案例中都已经有注释,在此贴出我实际使用案例,为方便理解,用了JQ的ajax

5.当然也可以用vue-resource

6.UI展示

标签: #如何用jquery进行分页显示