首页 / 科技数码 / 正文

vue刷新页面的方法 

Vue刷新页面的方法主要有以下几种:

1. 使用location.reload和$router.go(0)方法:这种方法类似于浏览器上的刷新页面按钮,会重新加载当前页面。

2. 使用$router.replace方法:通过跳转到一个空白页面,然后再调回之前页面,利用vue-router切换页面会把页面销毁并新建新页面的特性。

3. 使用v-if的控制来销毁和重新创建页面:在父页面的上添加v-if的控制,通过provide和inject实现多层级组件通信方式,父页面通过provide提供reload方法,子页面通过inject获取reload方法,调用方法做刷新。

4. 使用key属性的切换:在父页面的上绑定和切换key属性,来销毁和重新创建页面的方式刷新页面,具体的方式是指定key的值为$route.fullPath,通过在子页面通过this.$router.push(this.$route.path+'?t='+Date.now())来改变$route.fullPath的值,从而刷新页面。

如有侵权请及时联系我们处理,转载请注明出处来自