1. 首页
  2. 考试认证
  3. Linux/Unix认证
  4. vue2.0实现分页组件的实例代码

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

上传者: 2020-09-01 01:43:35上传 PDF文件 43.11KB 热度 22次

最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就自己写了一个, 效果如下:该项目是使用 vue-cli搭建的, 如果你的项目中没有使用webpack,请根据代码自己调整:首先新建pagination.vue文件, 所有组件的代码都写在这里, 写这样的组件并没有什么太大的难度, 主要是解决父子组件之间值传递的问题使用时, 在父组件中引入, 代码如下:至此, 一个基于 vue2.0 的分页组件就完成了

用户评论