vue刷新当前页面,重载页面数据

根组件APP.vue里面,写入刷新方法,路由初始状态是显示的

<template>

  <div id="app">

    <router-view v-if="isRouterAlive"/>

  </div>

</template>

<script>

export default {

  name: 'App',

  provide (){

    return {

      reload:this.reload

    }

  },

  data(){

    return {

      isRouterAlive:true

    }

  },

  methods:{

    reload (){

      this.isRouterAlive = false

      this.$nextTick(function(){

          this.isRouterAlive = true

      })

    }

  }

}

</script>

然后在子组件里面进行引用

inject:['reload']

在执行完相应的操作,后调用reload方法

this.reload()

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,933评论 18 139
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,075评论 0 1
  • 投稿初审复审终审电子书纸书asdfasdfasdfsdf 输入用户名传记 投稿时间:2016.12.21|更新时间...
    5efe41c48724阅读 1,030评论 0 0
  • 一个人待在完全陌生的重庆,周围的人流熙熙攘攘,而我仿佛是一个不存在的透明人。当我从一个不存在之人的视角来看这个世界...
    三味夏天阅读 502评论 2 7