2016-07-27 06:15:02 +00:00
|
|
|
<template>
|
2017-08-05 10:33:50 +00:00
|
|
|
<div class="el-breadcrumb" aria-label="Breadcrumb" role="navigation">
|
2016-07-27 06:15:02 +00:00
|
|
|
<slot></slot>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
name: 'ElBreadcrumb',
|
|
|
|
|
|
|
|
props: {
|
|
|
|
separator: {
|
|
|
|
type: String,
|
|
|
|
default: '/'
|
2017-09-28 04:22:30 +00:00
|
|
|
},
|
|
|
|
separatorClass: {
|
|
|
|
type: String,
|
|
|
|
default: ''
|
2016-07-27 06:15:02 +00:00
|
|
|
}
|
2017-08-05 10:33:50 +00:00
|
|
|
},
|
2017-11-06 04:50:08 +00:00
|
|
|
|
|
|
|
provide() {
|
|
|
|
return {
|
|
|
|
elBreadcrumb: this
|
|
|
|
};
|
|
|
|
},
|
|
|
|
|
2017-08-05 10:33:50 +00:00
|
|
|
mounted() {
|
|
|
|
const items = this.$el.querySelectorAll('.el-breadcrumb__item');
|
2017-11-13 09:12:25 +00:00
|
|
|
if (items.length) {
|
|
|
|
items[items.length - 1].setAttribute('aria-current', 'page');
|
|
|
|
}
|
2016-07-27 06:15:02 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|