vue3刷新当前页面

// 在 Vue 3 中刷新当前页面的方法

// 方法一：使用 window.location.reload()
function refreshPage() {
  window.location.reload(); // 刷新当前页面
}

// 方法二：使用 router.push 实现页面刷新（适用于 Vue Router）
import { useRouter } from 'vue-router';

export default {
  setup() {
    const router = useRouter();

    function refreshCurrentPage() {
      router.push({
        path: '/',
        query: {
          t: Date.now(), // 添加时间戳以确保 URL 不同，从而触发刷新
        },
      });
    }

    return {
      refreshCurrentPage,
    };
  },
};

解释说明：

1. 方法一：使用 window.location.reload() 直接刷新当前页面。这是最简单的方式，但它会重新加载整个页面，包括所有的资源文件。

2. 方法二：如果你使用了 Vue Router，可以通过 router.push 来实现刷新效果。通过在 URL 中添加一个时间戳作为查询参数，可以确保 URL 是唯一的，从而触发页面的重新加载。这种方式不会真正刷新页面，而是通过路由导航来模拟刷新的效果，用户体验更好，且不会重新加载所有资源文件。