欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

在vue中使用[provide/inject]实现页面reload

程序员文章站 2023-11-14 18:07:28
在vue中实现页面刷新有不同的方法: 如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等 所以建议使用[provide/inject]实现刷新 该方法t简单的来说就是在父组件中 1.设置provider 2.然后在子组件中通过inj ......

在vue中实现页面刷新有不同的方法:

如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等

 

 

所以建议使用[provide/inject]实现刷新

 

 

 

该方法t简单的来说就是在父组件中
 
 
1.设置provider
在vue中使用[provide/inject]实现页面reload

 

 

2.然后在子组件中通过inject调用
 
 
 
在vue中使用[provide/inject]实现页面reload

 

 3.在需要执行的地方直接调用方法即可

 

 

 在vue中使用[provide/inject]实现页面reload