<ul class="nav-info"> <li v-for="(child,index) in route.children" v-show="child.meta.is_core == 1" :key="index" @click="handleSelect(`${route.name}/${child.path}`);change(route)"> <span :class="{ active : child.name === $route.path.split('/')[2]}"> {{ generateTitle(child.meta.title) }} <i v-if="child.meta.title === '订单列表'" class="orderListNum">({{ orderListNum }})</i> <i v-if="child.meta.title === '退货列表'" class="salesReturnListNum">({{ refundListNum }})</i> </span> </li> </ul>

这段代码是一个 Vue.js 的模板代码片段，用于渲染一个包含子菜单的导航栏。

在这段代码中，使用了 `v-for` 指令来遍历 `route.children` 数组，生成多个 `<li>` 元素。通过 `v-show` 指令判断子菜单的 `is_core` 属性是否为 1，如果是，则显示该子菜单。

每个子菜单都有一个点击事件 `@click`，在点击时会调用 `handleSelect` 方法来处理选择子菜单的逻辑，并且调用 `change` 方法来改变当前选中的菜单。

在 `<span>` 中，通过动态绑定 `class` 属性来判断当前子菜单是否是活动状态（根据 `$route.path.split('/')[2]` 和子菜单的 `name` 属性进行比较）。同时，在 `<span>` 中也会渲染子菜单的标题（通过调用 `generateTitle` 方法生成），并根据特定的子菜单标题进行一些条件渲染（例如，根据子菜单的标题是否是 "订单列表" 或 "退货列表" 来渲染相应的图标和数量）。

最终，这段代码会生成一个 `<ul>` 列表，其中包含了多个 `<li>` 元素，每个元素代表一个符合条件的子菜单，并在点击时执行相应的逻辑。