MAINHACK

Viewing / Editing File: Breadcrumbs.vue

<template>
  <div class="content-header">
    <div class="row align-items-center breadcrumbs-style">
      <div class="col-sm-6">
        <h3 class="m-0">
          {{ $t(current) }}
        </h3>
      </div>
      
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li
            v-for="(data, index) in items"
            v-show="items"
            :key="index"
            class="breadcrumb-item"
          >
            <router-link v-show="data.url" :to="{ name: data.url }">
              {{ $t(data.name) }}
            </router-link>
            <span v-show="!data.url" href="#">{{ $t(data.name) }}</span>
          </li>
        </ol>
      </div>
      
    </div>
    
  </div>
</template>

props: ["items", "current"],
};
</script>

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}
</style>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: Breadcrumbs.vue

Server Info

System Features

User Info