用vue自己封装一个分页组件

准备知识:全局配置组件(本文不赘述,可自行百度)

先来看下效果。

非常简单的效果。事件上仅改变页码,无其他。

1、新建文件pagination.vue。简单解释下:先写DOM结构和样式,接着是事件。

  • 写事件很简单,点击按钮改变页码,并传递页码信息给父级。
  • 传递进来的参数需要接收,并赋值给当前组件。




2、最后就是使用。在需要使用的页面引入组件,并传递分页参数信息+回调执行函数,在回调执行函数中按需进行表格数据请求等。(一般分页是用在表格中了)






 

你可能感兴趣的:(vue)