Vue3：刷新当前页面的方式

ref

Vue3.2 刷新当前页面的方式

• App.vue 中写入以下代码

  <script setup>
  const flag = ref(true)
  const reload = () => {
      flag.value = false
      nextTick(() => {
          flag.value = true
      })
  }
  provide("reload", reload)
  </script>
  
  <template>
      <router-view v-if="flag"/>
  </template>
  

• 刷新调用方式

  <script setup>
  // 调用 App.vue 提供的方法，进行刷新
  const reload = inject("reload")
  </script>
  
  <template>
      <el-button @click="reload()">刷新</el-button>
  </template>