vue刷新页面 provide/inject实现页面reload

一、使用方向

全部删除功能写入子组件放在页面顶端时,如果不实现reload会导致数据无法刷新问题

二、使用方法

1.子组件

<template>
  <pro-layout
    :title="title"
    :menus="menus"
    :collapsed="collapsed"
    :mediaQuery="query"
    :isMobile="isMobile"
    :handleMediaQuery="handleMediaQuery"
    :handleCollapse="handleCollapse"
    :logo="logoRender"
    :i18nRender="i18nRender"
    v-bind="settings"
  >
    <setting-drawer :settings="settings" @change="handleSettingChange" />

    <template v-slot:rightContentRender>
      <a-popconfirm
        title="确认全部复位吗?数据库中所有信息会全部清空,无法恢复!"
        @confirm="clear('reset_all')"
        @cancel="popcancel"
      >
        <a-icon slot="icon" type="question-circle-o" style="color: red" />
        <a-button type="primary" style="background-color: #fa541c; border-color: #faad14;"
          >全部复位</a-button
        >
      </a-popconfirm>
      <right-content :top-menu="settings.layout === 'topmenu'" :is-mobile="isMobile" :theme="settings.theme" />
    </template>
    <template v-slot:footerRender>
      <global-footer />
    </template>
    <router-view />
  </pro-layout>
</template>

<script>
import {
    SettingDrawer, updateTheme } from '@ant-design-vue/pro-layout'
import {
    i18nRender } from '@/locales'
import {
    mapState } from 'vuex'
import {
    SIDEBAR_TYPE, TOGGLE_MOBILE_TYPE } from '@/store/mutation-types'
import {
    asyncRouterMap } from '@/config/router.config.js'
import {
    publicClear} from '@/api/public'
import defaultSettings from '@/config/defaultSettings'
import RightContent from '@/components/GlobalHeader/RightContent'
import Global