vue项目中刷新页面的方法

在Vue中，刷新页面有多种方法可以使用：

1、使用window.location.reload()方法刷新页面：缺点：刷新时会页面闪白

methods: {
  refreshPage() {
    window.location.reload();
  }
}

// vue3中，可以直接调用location.reload()
function kannoFn(){
  location.reload()
}

2、使用router.go(0)方法刷新页面：

import router from './router'

methods: {
  refreshPage() {
    router.go(0);
  }
}

注意：这种方法需要使用Vue Router，并且需要在main.js中引入router实例。

3、通过改变route的参数或者路径来刷新页面：

import router from './router'

methods: {
  refreshPage() {
    router.push({ path: '/refresh' }).then(() => {
      router.go(-1);
    })
  }
}

注意：这种方法也需要使用Vue Router，并且需要在main.js中引入router实例。这种方法的原理是先跳转到一个特定的路径，再返回上一个页面，从而达到刷新页面的目的。

4、history.go(0)，缺点：刷新时会页面闪白

function kannoFn(){
  history.go(0)
}

以上是一些常见的刷新页面的方法，在不同的场景下可以选择适合的方法使用。