VUEJS实战之利用laypage插件实现分页（3）

function getUrlId(){
 var host = window.location.href;
 var id = host.substring(host.indexOf("")+1,host.length);
 return id;
}

$(function(){
 var id = getUrlId();
 console.log(id);
 var url = "http://cnodejs.org/api/v1/topics";
 getJson(url,pushDom);
});

$(function(){
 var id = getUrlId();
 var url = "http://cnodejs.org/api/v1/topics"+id;
 getJson(url,pushDom);
});

$(function(){
 var id = getUrlId();
 var url = "http://cnodejs.org/api/v1/topics"+id;
 getJson(url,pushDom);
 laypage({
 cont: $(".page"),
 pages: 100,
 curr: id,
 jump: function(e, first){
 if(!first){
 location.href = '"" alt="实现分页最终效果" src="/UploadFiles/2021-04-02/2016061310571762.jpg">

小结
在本章,我们的内容其实和VUE的关系不大.但是,无论是使用什么内容,最终都是以完成项目为目的的.用已经开发好的插件来实现,可以大大提高我们的效率.
附录
VUE官方网站 

cNodeJs Api 详细介绍 

本系列教程源码下载
VUEJS 实战教程第一章,构建基础并渲染出列表 

VUEJS 实战教程第二章,修复错误并且美化时间 

VUEJS 实战教程第三章,利用laypage插件实现分页
本文由FungLeo原创
首发地址:http://blog.csdn.net/FungLeo/article/details/51649074


本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。