LinkTitles.vue 558 B

12345678910111213141516171819202122232425
  1. <template>
  2. <el-breadcrumb
  3. v-if="currentPaths.length > 0"
  4. separator-class="el-icon-arrow-right"
  5. style="border-bottom: 1px solid #aaa; padding-bottom: 5px;"
  6. >
  7. <el-breadcrumb-item :to="{ path: '/home/overview' }"
  8. >首页</el-breadcrumb-item
  9. >
  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. import { mapState } from "vuex";
  17. export default {
  18. name: "LinkTitles",
  19. computed: {
  20. ...mapState(["currentPaths"])
  21. }
  22. };
  23. </script>