|
Lines 1-14
Link Here
|
| 1 |
<template> |
1 |
<template> |
| 2 |
<li class="breadcrumb-item"> |
2 |
<li class="breadcrumb-item"> |
| 3 |
<span> |
3 |
<span> |
| 4 |
<a v-if="item.disabled" href="#" class="{ disabled: disabled }"> |
|
|
| 5 |
<template v-if="item.icon"> |
| 6 |
<i :class="`${item.icon}`"></i> |
| 7 |
</template> |
| 8 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
| 9 |
</a> |
| 10 |
<router-link |
4 |
<router-link |
| 11 |
v-else-if="item.name" |
5 |
v-if="item.name && !item.disabled" |
| 12 |
:to="{ name: item.name, params }" |
6 |
:to="{ name: item.name, params }" |
| 13 |
> |
7 |
> |
| 14 |
<template v-if="item.icon"> |
8 |
<template v-if="item.icon"> |
|
Lines 16-34
Link Here
|
| 16 |
</template> |
10 |
</template> |
| 17 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
11 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
| 18 |
</router-link> |
12 |
</router-link> |
| 19 |
<router-link v-else-if="item.path" :to="item.path"> |
13 |
<router-link |
|
|
14 |
v-else-if="item.path && !item.disabled" |
| 15 |
:to="item.path" |
| 16 |
> |
| 20 |
<template v-if="item.icon"> |
17 |
<template v-if="item.icon"> |
| 21 |
<i :class="`${item.icon}`"></i> |
18 |
<i :class="`${item.icon}`"></i> |
| 22 |
</template> |
19 |
</template> |
| 23 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
20 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
| 24 |
</router-link> |
21 |
</router-link> |
| 25 |
<a v-else-if="item.href" :href="item.href"> |
22 |
<a v-else-if="item.href && !item.disabled" :href="item.href"> |
| 26 |
<template v-if="item.icon"> |
23 |
<template v-if="item.icon"> |
| 27 |
<i :class="`${item.icon}`"></i> |
24 |
<i :class="`${item.icon}`"></i> |
| 28 |
</template> |
25 |
</template> |
| 29 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
26 |
<span v-if="item.title">{{ $__(item.title) }}</span> |
| 30 |
</a> |
27 |
</a> |
| 31 |
<a v-else href="#" aria-current="page"> |
28 |
<a |
|
|
29 |
v-else |
| 30 |
href="#" |
| 31 |
aria-current="page" |
| 32 |
:class="{ disabled: item.disabled }" |
| 33 |
> |
| 32 |
<template v-if="item.icon"> |
34 |
<template v-if="item.icon"> |
| 33 |
<i :class="`${item.icon}`"></i> |
35 |
<i :class="`${item.icon}`"></i> |
| 34 |
</template> |
36 |
</template> |
| 35 |
- |
|
|