加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

vue2.0实现分页组件的实例代码

发布时间:2020-12-17 02:54:55 所属栏目:百科 来源:网络整理
导读:最近使用vue2.0重构项目,需要实现一个分页的表格,没有找到合适的分页组件,就自己写了一个,效果如下: 该项目是使用 vue-cli搭建的,如果你的项目中没有使用webpack,请根据代码自己调整: 首先新建pagination.vue文件,所有组件的代码都写在这里,写这样的组件并没

最近使用vue2.0重构项目,需要实现一个分页的表格,没有找到合适的分页组件,就自己写了一个,效果如下:

该项目是使用 vue-cli搭建的,如果你的项目中没有使用webpack,请根据代码自己调整:

首先新建pagination.vue文件,所有组件的代码都写在这里,写这样的组件并没有什么太大的难度,主要是解决父子组件之间值传递的问题