vue项目刷新当前页面
1.跳转到一个空白页,空白页再跳回当前页,只会地址栏有个快速的切换的过程,不会白屏
2.将created()或mounted()函数中执行获取数据的方法放到activated()函数中,activated()函数:每次页面加载就会执行该函数,同时该函数也可以获取到路由传递过来的参数
3.在app.vue内的
<template> <div id="app"> <router-view v-if="reloadPage" /> </div> </template> <script> export default { name: "App", provide(){ return { reload:this.reload } }, data(){ return { reloadPage:true } }, methods:{ reload(){ this.reloadPage=false this.$nextTick(function(){ this.reloadPage=true }) } } }; </script>
然后在需要刷新当前页面的页面内
export default{ inject:['reload'], name:'page', data(){}, methods:{ this.reload() } }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步