vue.js 表格分页ajax 异步加载数据
发布时间：2020-12-15 23:34:02 所属栏目：百科 来源：网络整理
导读：Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。 分页一般和表格一起用，分页链接作为表格的一部分，将分页链接封装成一个独立的组件，然后作为子组件嵌入到表格组件中，这样比较合理。 1.注册一个组件 js this.all ) { right = t
|
Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。 分页一般和表格一起用，分页链接作为表格的一部分，将分页链接封装成一个独立的组件，然后作为子组件嵌入到表格组件中，这样比较合理。 1.注册一个组件js this.all ) { right = this.all}
while (left <= right){
list.push(left)
left ++
}
return list;
},showLast: function(){
if(this.cur == this.all){
return false
}
return true
},showFirst: function(){
if(this.cur == 1){
return false
}
return true
}
}
});
模板： HTML：
...
当点击分页链接的时候，会触发 page-to 事件，而我们在html标签中指定了使用父组件 loadList 方法处理事件，我们只要在组件中把当前页码传给父组件即可，父组件负责ajax加载数据，并更新自身的 pageAll 值。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |