Vue 强制页面刷新(provide 和 inject)

一、常规方法

location.reload();
this.$rotuer.go(0);

存在问题:

1.强制刷新页面,出现短暂的空白闪烁。

2.h5页面在安卓机方法不兼容。

  • this.$rotuer.go(0) 安卓、ios都不支持、pc支持
  • location.reload() 安卓不支持 、 ios支持、pc支持

二、provide和inject实现页面刷新

祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。

1、在 App.vue 文件里写入 provide 的方法



2、子孙组件中 inject 引用声明的变量




你可能感兴趣的:(web前端,Vue,vue.js,前端,javascript)