router.beforeEach(async (to, from, next) => {这行代码报以下错误 Unexpected space before function parentheses space-before-function-paren，请分析原因

这个错误提示是 ESLint 提供的，它检查到了在这行代码中函数的左括号前面有空格。这个错误通常是由于代码风格不一致引起的。

在 JavaScript 中，通常推荐在函数的左括号前不加空格，这是一种常见的代码风格。因此，为了避免这个错误，你可以将这行代码改为：

router.beforeEach(async (to, from, next) => {

这样就不会再出现 "space-before-function-paren" 的错误提示了。

相关问题

export function formatRouter(data) { return data.map((item) => { let i = 0; const route = { name: item.menuName, path: item.menuPath, component: import(`../${item.component}.vue`), children: [] } if (item.children && item.children.length > 0) { route.children = formatRouter(item.children) } return route }) } router.beforeEach((to, from, next) => { // 开启进度条 NProgress.start() next() }) router.afterEach((to, from) => { // 关闭进度条 NProgress.done() }) export default router

这段代码是关于路由的，主要包括两个部分。

第一部分是 `formatRouter` 函数，它的作用是将菜单数据转换为路由配置。传入一个菜单数据数组，每个菜单项包括菜单名、路径、组件以及可能的子菜单。函数通过递归调用自身来处理子菜单，并返回一个路由配置数组。

第二部分是关于路由导航守卫的代码。在 `beforeEach` 中，它会开启一个进度条，然后直接调用 `next` 函数，表示可以继续跳转到下一个路由；在 `afterEach` 中，它会关闭进度条。这些代码可以用于在路由跳转时显示进度条，提升用户体验。

总的来说，这段代码是为了实现一个前端路由，将菜单数据转换为路由配置，并提供路由导航守卫来控制路由跳转时的进度条显示。

onMounted(async () => { // router.beforeEach( (to,from) => { console.log(router,useRoute(),'router') // }) pagedata.filterData.type = props.typeId; await getProjectData(); pageLoading.value = true; });怎么在onMounted里router获取他是从哪个页面跳转过来的

在 `onMounted` 里面，你可以使用 `useRoute` 函数获取当前路由的信息，包括从哪个页面跳转过来。你可以通过 `useRoute().from` 来获取上一个路由的信息。例如，你可以将下面的代码添加到你的 `onMounted` 函数中：

import { useRoute } from 'vue-router';

onMounted(async () => {
  const previousRoute = useRoute().from;
  console.log(previousRoute, 'previous route');
  
  // 其他代码...
});

在控制台中，你将能够看到上一个路由的详细信息。注意，要确保你已经在项目中正确地安装和配置了 Vue Router。