vue3中刷新当前页面的三种方法

时间:2024-11-11 12:58:26
<div @click="kannoFn">kanno</div>

(),缺点:刷新时会页面闪白

function kannoFn(){
  ()
}

(0),缺点:刷新时会页面闪白

function kannoFn(){
  (0)
}

效果

3.通过组件通信方式,不会出现闪白

在中

// 在中
import { provide,nextTick } from 'vue'
const isRouterActive = ref(true)
provide('reload', () => {
   = false
  nextTick(() => {
     = true
  })
})

在需要刷新的页面中

<div class="circle" @click="updateFun">刷新</div>

import { inject } from 'vue';

const reload = inject("reload");
const updateFun = () => {
  reload();
};

效果