Breadcrumbs.vue 818 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div class="Breadcrumbs"
  3. :style="localOptions.style">
  4. <q-breadcrumbs v-if="breadcrumbs.visible">
  5. <!-- <template v-slot:separator>-->
  6. <!-- <q-icon name="chevron_right"-->
  7. <!-- color="gray" />-->
  8. <!-- </template>-->
  9. <q-breadcrumbs-el v-for="(el, elIndex) in breadcrumbs.path"
  10. :key="elIndex"
  11. :to="el.to"
  12. :label="el.label" />
  13. </q-breadcrumbs>
  14. </div>
  15. </template>
  16. <script>
  17. import { mixinWidget } from 'src/mixin/Mixins.js'
  18. export default {
  19. name: 'Breadcrumbs',
  20. mixins: [mixinWidget],
  21. computed: {
  22. breadcrumbs () {
  23. return this.$store.getters['AppLayout/breadcrumbs']
  24. }
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .Breadcrumbs {
  30. }
  31. </style>