刷新vue项目当前页面的三种方法

我想大家在挖vue的时候都遇到过以下情况：比如删除或者添加记录的时候，希望当前页面可以再次刷新或者如下：

如果要点击确定，当对话框关闭后，可以再次刷新当前页面http://localhost :9530/#/supplier/supplier。

然后可以重新加载表的数据，确认后可以刷新对话框中设置的数据并出现在页面上

这时，我们最直接的思维是想到以下几点：

但是如果你尝试用vue-router重新路由到当前页面，页面不会刷新，一点效果都没有~所以这个方法就出来了！

在这里，我将整理出几种不同凡响的三种方式，每个人都可以自己选择：

1.整个页面最直接的刷新：

位置。重新加载()这个。$router.go(0)

这两种方式都可以刷新当前页面，但缺点是相当于按ctrl+F5强制刷新。当整个页面重新加载后，瞬间就会出现一个空白页，体验不好

2.创建一个新的空白页。请单击“确定”先跳转到该空白页，然后立即跳回

空白页中的内容supplierAllBack.vue:

与第一种方法相比，暂时不会出现空白页，但地址栏的切换过程很快，可以采用

3.提供/注入相结合是我尝试过的最实用的方法。让我们用项目截图来解释一下：首先，你应该修改你的app.vue

通过声明重载方法，它控制路由器视图的显示或隐藏，从而控制页面的重载。这里定义了

israultalive//对或错，无法控制

然后将App.vue组件提供的reload依赖注入到需要刷新当前页面的页面中，然后用这个直接调用

摘要

以上就是边肖介绍的刷新vue项目当前页面的三种方法，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！