动态路由报错：TypeError: Cannot read properties of undefined (reading ‘length‘)

原创于 2024-04-20 13:58:06 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

文章讲述了在Vue3中遇到关于动态路由的TypeError，解决方法是将`item.children.length===1`与`item.children`的条件交换位置，以避免访问undefined的length属性。问题解决后，控制台不再报错。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Vue3 中使用动态路由报错TypeError: Cannot read properties of undefined (reading 'length')

解决方法：将 item.children.length === 1 与 item.children 交换位置

<!-- 交换前-->
 <el-menu-item v-if="item.children.length === 1 && item.children  " :index="item.children[0].path" >
        <template #title>{{item.children[0].meta.title}}</template>
      </el-menu-item>

<!--交换后-->
 <el-menu-item v-if="item.children && item.children.length === 1  " :index="item.children[0].path" >
        <template #title>{{item.children[0].meta.title}}</template>
      </el-menu-item>