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

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

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

该方法简单的来说就是在父组件中

1.设置provider

在这里插入图片描述

2.然后在子组件中通过inject调用
inject: [“reload”],

3.在需要执行的地方直接调用方法即可
goPage(url) {
this.$router.push({
path: url
});
this.reload();
}
注:转载

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐