NavigatorPath组件是对Breadcrumb 的简单二次封装，主要用于显示页面的导航路径 完整的代码清单： 文件路径：/src/components/navigator-path/index.vue ~~~ <template> <Breadcrumb v-if="path" class="ivu-breadcrumb"> <BreadcrumbItem v-for="(item, index) of path" :key="index"> <template v-if="item.path"> <router-link :to="{ path: item.path || '', query: item.query || {} }">{{ item.title || "" }}</router-link> </template> <template v-else>{{ item }}</template> </BreadcrumbItem> </Breadcrumb> </template> <script> export default { name: "iNavigator", props: { path: { type: Array, default() { return []; }, }, }, data() { return {}; }, watch: {}, methods: {}, }; </script> <style scoped> .ivu-breadcrumb { color: #999; font-size: 16px; padding-left: 5px; margin-bottom: 5px; margin-top: 5px; } </style> ~~~