Vue中不刷新页面,只刷新局部组件的方法
第一步:组件后面加上v-if方法
<div id="app" ref="app">
<router-view v-if="is_show"/>
</div>
第二步:data定义一个变量控制v-if
data() {
return {
is_show: true //定义一个变量控制v-if
}
第三步:自定义刷新局部组件方法
refresh: async function () {
this.is_show = false
await this.$nextTick
this.is_show = true
}
this.$nextTick原理——确保 DOM 已经被更新
第四步:需要刷新时调用即可
//刷新组件
this.refresh();