Vue实现页面的局部刷新(router

利用vue里面的provide+i高考落榜nject组合

首先需要修改app.vue。

<template>  <!--致我们终将逝去的青春 公司管理 -->  <秋之歌;div class="companymanage">    <router-view v-if="isrouteralive"></router-view>  </三国flashdiv></template><script>export default {  name: "companymanage",  watch: {},  provide() {    return {      reload:this.reload    }  },  data() {    return {      isrouteralive:true    };  },  methods: {    reload() {      this.isrouteralive = fal;      this.$nexttick( () => {        this.isrouteralive = true;      })    }  },  mounted() {}};</script><style scoped>.companymanage {  width: 100%;  height: 100%;  position: relative;  background: #fff;}</style>

2. 到需要刷新的页面进行引用，使用inject导入引用reload，然后直接调用即可。

in湿地生态ject:["reload"],this.reload();

到此这篇关于vue实现页面的局部刷新(router-view页面刷新)的文章就介绍到这了,更多相关vue 页面局部刷新内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com！