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

2018-09-20  本文已影响0人  Hassd

根组件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()

上一篇下一篇

猜你喜欢

热点阅读