相信大家在挖掘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项目当前页面的三种方法。希望对您有所帮助。如果您有任何问题,请给我留言,小编会及时回复您。非常感谢您对脚本之家网站的支持!
