-baijiahao,前端技术

-baijiahao

技术：vue+element-ui

 问题：el-pagination可以很好地分页，但是如果路由是再第二页 ，刷新页面后内容也是第二页的内容
，路由参数也是第二页，但就是el-pagination会重新回到第一页 ，

分析：el-pagination刷新重新返回第一页是因为父组件和子组件的创建顺序造成的。

父子组件的执行顺序：

父组件：beforeCreate=》父组件：created=》父组件：beforeMount=》子组件：beforeCreate=》子组件Created=》子组件beforeMount=》子组件mounted=》父组件：mounted

父子组件的销毁顺序：

父组件：beforeDestroy=》子组件：beforeDestroy=》子组件：destroyed=》父组件：destroyed

父子组件更新顺序：

父组件：beforeUpdate=》子组件：beforeUpdate=》子组件：updated=》父组件：updated

一、使用

本次使用的环境是建立通常的内容维护系统
，增删改不是使用的弹窗，而是使用的路由跳转 。

新增操作：信息列表页=》点击新增按钮=》路由切换到新增页面=》新增完成保存=》路由跳转到原来的列表页
。

查看操作：信息列表页=》点击查看详情=》路由切换到详细页面=》详细页面点击返回=》路由跳转到原来的列表页

编辑操作：信息列表页=》点击编辑操作=》路由切换到编辑页面=》编辑页面保存后=》路由跳转到原来的列表页

问题：el-pagination可以很好地分页 ，但是如果路由是再第二页，刷新页面后内容也是第二页的内容
，路由参数也是第二页，但就是el-pagination会重新回到第一页 ，

分析：el-pagination刷新重新返回第一页是因为父组件和子组件的创建顺序造成的。

父子组件的执行顺序：

父组件：beforeCreate=》父组件：created=》父组件：beforeMount=》子组件：beforeCreate=》子组件Created=》子组件beforeMount=》子组件mounted=》父组件：mounted

父子组件的销毁顺序：

父组件：beforeDestroy=》子组件：beforeDestroy=》子组件：destroyed=》父组件：destroyed

父子组件更新顺序：

父组件：beforeUpdate=》子组件：beforeUpdate=》子组件：updated=》父组件：updated

***********************************

 el-pagination
 align="center"
 @size-change="pageSizeChange"
 @current-change="pageIndexChange"
‹‹
1
2
›
››
显示全文