vue项目刷新当前页面

项目中需要一个提交完数据请求后,页面自动刷新的效果,在这里使用的是provide / inject 组合方式

首先,要修改下你的app.vue

vue项目刷新当前页面_第1张图片

通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了 isRouterAlive // true or false 来控制

然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行

vue项目刷新当前页面_第2张图片

vue项目刷新当前页面_第3张图片

直接注入依赖,在你需要刷新的方法下,调用this.reload()即可

你可能感兴趣的:(vue项目刷新当前页面)