//A.
<router-view v-if="isRouterAlive"></router-view>
//B.provide（与methods同级）
provide(){
return{
reload:this.reload
}
},
//C.提供刷新方法
methods:{
reload(){
this.isRouterAlive = false;
this.$nextTick(function () {
this.isRouterAlive = true;
})
}
}
A.注入（inject）--->与methods同级
inject:['reload']
B.适当的场景调用reload
this.reload();
1.App.vue界面配置 2.需要刷新的界面
vue单页面，多路由，前进刷新，后退不刷新 目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷...
开发中总是有从一个界面返回后刷新当前页面的需求，为了减少耦合性，尽量不在当前页面加代码，在返回的界面添加以下方法：...
vue如何将单页面改造成多页面应用 vue单页多页的开发环境配置+vue的开发思路
一、单页应用 利用Vue开发的应用是单页面应用，在url变化时，js会感知到，然后动态地将当前页面上的内容清除...
问题描述 vue单页面history路由模式项目部署上线之后, 刷新页面会跳到404页面 异常原因 页面刷新时会重...
1). location方式 2). router方式 3). provide/inject方式 App.vue ...
有时候在项目中我们需要在页面完成一些操作后,进行页面刷新.文中重点介绍provide / inject组合是vue...
一.vue 刷新当前页面有很多种方法，例如window.location.reload()或者this.$rout...
方法一：- this.$router.go(0) - window.location.href ...
本文标题：Vue单页面开发刷新当前界面
本文链接：https://www.haomeiwen.com/subject/dwcghqtx.html
网友评论