Vue如何实现页面的局部刷新

本篇文章给大家分享的是有关Vue如何实现页面的局部刷新，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

利用Vue里面的provide+inject组合

首先需要修改App.vue。

<template>  <!-- 公司管理 -->  <div class="companyManage">    <router-view v-if="isRouterAlive"></router-view>  </div></template><script>export default {  name: "companyManage",  watch: {},  provide() {    return {      reload:this.reload    }  },  data() {    return {      isRouterAlive:true    };  },  methods: {    reload() {      this.isRouterAlive = false;      this.$nextTick( () => {        this.isRouterAlive = true;      })    }  },  mounted() {}};</script><style scoped>.companyManage {  width: 100%;  height: 100%;  position: relative;  background: #fff;}</style>

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

inject:["reload"],this.reload();

以上就是Vue如何实现页面的局部刷新，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。