码迷,mamicode.com
首页 > 其他好文 > 详细

vue 页面刷新

时间:2018-11-15 11:02:42      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:color   col   view   class   ide   load()   func   his   app   

app.vue

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </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>

需要刷新的页面(lscz.vue)中注册 reload ,调用reload() 方法,

export default {
  components: {
    "v-lsczLeft": lsczLeft
  },
  inject: [‘reload‘],  //注入reload方法
  data() {
    return {
    };
  },
  methods: {
    gdSubmit() {
       this.teload();  //刷新
    }
  }
}

 

vue 页面刷新

标签:color   col   view   class   ide   load()   func   his   app   

原文地址:https://www.cnblogs.com/miny-simp/p/9962071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!