关注移民留学生活
当前位置:网站首页 > 签证 > 正文

-baijiahao,前端技术

作者:huaxiayeshi发布时间:2020-11-13分类:签证浏览:0评论:0


导读:-baijiahao技术:vue+element-ui 问题:el-pagination可以很好地分页,但是如果路由是再第二页,刷新页面后内容也是第二页...

-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"

标签:-baijiahao


欢迎 发表评论:

签证排行
文章标签
类似推荐