19 lines
559 B
Vue
19 lines
559 B
Vue
<template>
|
|
<div class="aa-breadcrumb">
|
|
<template v-for="(it, i) in items" :key="i">
|
|
<span class="aa-breadcrumb-item" :class="{ 'is-current': i === items.length - 1 }"
|
|
@click="i !== items.length - 1 && $emit('select', it)">{{ it.label }}</span>
|
|
<span v-if="i !== items.length - 1" class="aa-breadcrumb-sep">/</span>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'AaBreadcrumb',
|
|
props: { items: { type: Array, default: function () { return []; } } }
|
|
};
|
|
</script>
|
|
|
|
<style src="./Breadcrumb.css"></style>
|