LinkTitlesCustom.vue 556 B

1234567891011121314151617181920212223
  1. <template>
  2. <el-breadcrumb
  3. v-if="currentPaths.length > 0"
  4. separator-class="el-icon-arrow-right"
  5. style="border-bottom: 1px solid #eee; padding-bottom: 5px; margin-top: -20px; margin-bottom: 20px"
  6. >
  7. <el-breadcrumb-item :to="{ path: '/home/overview' }">
  8. 首页
  9. </el-breadcrumb-item>
  10. <el-breadcrumb-item v-for="item in currentPaths" :key="item">
  11. {{ item }}
  12. </el-breadcrumb-item>
  13. </el-breadcrumb>
  14. </template>
  15. <script>
  16. export default {
  17. name: "LinkTitlesCustom",
  18. props: {
  19. currentPaths: Array
  20. }
  21. };
  22. </script>