相信大家在挖掘vue的时候都遇到过以下情况：比如在删除或者添加一条记录的时候，希望当前页面能够刷新或者如下：如果你想要点击OK的时候，Dialog对话框关闭的时候，可以刷新当前的http://localhost:9530/#/supplier/supplierAll页面，然后重新加载表格数据，Dialog对话框中设置的数据boxconfirmedcanberefresh当它出现在页面上时，我们最直接的想法是想到以下几点：但是，尝试过的人会发现，使用vue-router重新路由到当前页面，页面不会刷新了，一点效果都没有~所以这个方法就out了！下面我整理几个比较显着的三种方式，大家可以自己选择：1.最直接的刷新整个页面的方式：location.reload()this.$router.go(0)这两个都可以缺点刷新当前页面的作用是相当于按ctrl+F5强制刷新。重新加载整个页面时，会立即出现一个空白页面。体验不好。2.新建一个空白页面supplierAllBack.vue，点击确定时先跳转到这个空白页面，然后立即跳回空白页面中的内容出现一瞬间的空白页，但是地址栏有一个快速切换的过程，可以是3。provide/inject的组合方式是我尝试过的最实用的。我用项目截图给大家解释一下：首先修改你的app.vue，通过声明reload方法来控制router-view的显示或者隐藏，这样就可以控制页面的重新加载，isRouterAlive//true或者这里定义false是为了控制然后将App.vue组件提供的reload依赖注入到当前页面需要刷新的页面中，然后直接用this.reload调用。总结以上就是小编为大家介绍的刷新vue项目当前页面的三种方法。希望对您有所帮助。如果您有任何问题，请给我留言，小编会及时回复您。非常感谢您对脚本之家网站的支持！
