项目中难点-页面点击“取消”按钮实现无感刷新--reload

发布时间 2023-11-07 10:37:12作者: Evident

1、在App.vue页面中注册provide中定义reload

provide(){
  return {
  reload:this.reload
 }
}

 

2、在App.vue页面中的methods中定义方法reload目的通过控制router-view的显示与隐藏进行重新加载页面,实现无感刷新。

reload(){
   this.isRouterAlive = false
   this.$nextTick(()=>{
      this.isRouterAlive=true
   })
}

 

3、在具体页面中使用点击按钮实现无感刷新。

(1)、注册reload

inject:["reload"]

如图:

(2)、点击按钮的时候进行调用this.reload()

如图: