Vue实现页面的局部刷新
1. 首先需要修改App.vueApp.vue<template><div id="app"><router-view v-if="isRouterAlive"/></div></template><script>export default {provide(){r...
·
vue2中:
1. 首先需要修改App.vue
App.vue
<template>
<div id="app">
<router-view v-if="isRouterAlive"/>
</div>
</template>
<script>
export default {
provide(){
return{
reload:this.reload
}
},
data(){
return{
isRouterAlive:true
}
},
methods:{
reload(){
this.isRouterAlive=false;
this.$nextTick(function(){
this.isRouterAlive=true
})
}
}
}
</script>
2. 到需要刷新的页面进行引用,使用inject导入引用reload,然后直接调用即可
Vue3中:
父组件:
子组件:
如果未生效,试下setTimeout下:
setTimeout(() => {
reload()
}, 100)
更多推荐
已为社区贡献65条内容
所有评论(0)