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的值,从而刷新页面。
如有侵权请及时联系我们处理,转载请注明出处来自
推荐文章
科技快看 广州壹创集信息科技有限公司 版权所有 粤ICP备2021122624号