vuejs返回当前页面刷新指定数据

功能需求：

1、点击当前页面按钮刷新指定部分；

2、一个项目很多人在操作，有书写、审核、修改等功能，每次回到当前页面需要自动重新加载接口，又不想刷新当前页面。

功能1：

1、打开app.vue

//写入isMenuRefersh
<div id="app">
  <router-view v-if="isMenuRefersh" />
</div>

export default {
  provide() {
    return {
      reload: this.reload
    };
  },
  data() {
    return {
      isMenuRefersh: true,
    };
  },
  methods: {
    reload() {
      this.isMenuRefersh = false;
      this.$nextTick(function() {
        this.isMenuRefersh = true;
      });
    }
  }
}

2、在需要的页面写入以下代码：

export default {
  inject: ["reload"]
}
//在需要的方法中写入this.reload();

功能2：

1、template

<template>
  <div v-visibility-change="browserMonitor">
  </div>
<template>

2、methods

//监听浏览器方法
browserMonitor(evt, hidden) {
  if (hidden === false) {
	//执行方法
  }
}