location.reload() 缺点:刷新页面,卡白
this.$router.go(0) 缺点:同一问题,比一好点
app.vue <router-view v-if="isrouteralive"></router-view> <script> export default { name: 'app', // 提供reload方法 provide: function () { return { reload: this.reload } }, // isrouteralive控制显示 data: function () { return { isrouteralive: true } }, methods: { // 刷新方法 reload: function () { this.isrouteralive = false; // 该方法会在dom更新后执行 this.$nexttick(function () { this.isrouteralive = true }) } } } </script> home.vue <script> export default { name: 'home', // 注入reload, appvue中注册 inject: ['reload'], methods: { // 退出登陆 logout: function () { // 刷新 // location.reload() // this.$router.go(0) // 刷新当前页面 this.reload(); } } } </script> 缺点:暂时比较不错的解决方案,重点控制`router-view`
如对本文有疑问, 点击进行留言回复!!
荐 AJAX初识Day1——POST & GET请求
海创软件组--20200712--axios上传文件获取进度--js对多个四边形的点对象数组分别按顺时针排序--定义上传视频并可预览
网友评论