elementUI分页el-pagination组件事件current-change和si。。。elementUI分页el-pagination组件有两个重要的事件current-change和size-change
官⽅⽂档标识
事件名称
说明回调参数
size-change pageSize 改变时会触发每页条数
current-change currentPage 改变时会触发当前页
⼀、实际测试,仅⽤户界⾯使⽤组件时,才触发current-change事件,js直接修改页码绑定值不触发事件,例⼦如下1.2.
1.进⾏页⾯操作el-pagination组件时,使⽤组件提供的功能,会触发current-change事件(包括点击⾮当前页码,点击上下步骤,前往x页等操作)
2.⽽直接js修改current-page绑定值时候,页码值显⽰会对应改变(响应式),但是current-change事件不触发
elementui登录界面例:
  1.当前页码current-page为1,触发current-change事件时,current-change绑定的回调函数会改变el-table的数据,
  2.直接增加⼀个button,click触发点击事件修改current-page为2,组件显⽰current-page为2,但是current-change事件不触发,el-table 不会变化。如果要使el-table变化,则需要在button点击事件修改页码后,编写修改el-table的代码
⼆、size-change同理,仅⽤户操作才出发,js操作不触发
三、pageSize和currentPage要实现双向绑定,可以使⽤ .sync 修饰符,或者在对应size-change和current-change事件将回调参数赋值给对应的pageSize和currentPage绑定值。