美文网首页vue
vue如何只刷新当前页面

vue如何只刷新当前页面

作者: 七分热度丶 | 来源:发表于2020-08-12 10:29 被阅读0次

我们要用到provide 和 inject ，这个不懂的人可以去搜一些。
在app.vue中

    <div id="app">
      <router-view v-if="isRouterAlive" />
    </div>

 export default {
  provide(){
    return{
      reload:this.reload
    }
  },
  data() {
    return {
      isRouterAlive:true
    }
  },
  methods:{
    reload(){
      this.isRouterAlive=false
      this.$nextTick(()=>{
        this.isRouterAlive=true
      })
    }
  }
};

在需要刷新的页面使用

 export default {
 inject:['reload'],
}
methods:{
   //调用这个方法就可以完美刷新了·
    refresh(){
       this.reload()
    }

相关文章

  • vue如何只刷新当前页面

    我们要用到provide 和 inject ，这个不懂的人可以去搜一些。在app.vue中 在需要刷新的页面使用

  • vue 如何刷新当前页面

    1.场景 在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用v...

  • vue 如何刷新当前页面

    1、最直接整个页面重新刷新： 这两种都可以刷新当前页面的，缺点就是相当于按ctrl+F5 强制刷新那种，整个页面重...

  • Vue 刷新当前页面

    1). location方式 2). router方式 3). provide/inject方式 App.vue ...

  • vue | 刷新当前页面

    有时候在项目中我们需要在页面完成一些操作后,进行页面刷新.文中重点介绍provide / inject组合是vue...

  • vue 刷新当前页面

    一.vue 刷新当前页面有很多种方法，例如window.location.reload()或者this.$rout...

  • vue刷新当前页面

    方法一：- this.$router.go(0)        - window.location.href   ...

  • vue刷新当前页面

    https://www.jianshu.com/p/b6d7db35b6e4[https://www.jiansh...

  • vue刷新当前页面

    provide 与 inject结合使用 在父组件中定义 provide App.vue