/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/breadcrumb/src/breadcrumb-item.vue
41 строка
1 KB
杨奕
Breadcrumb: fix regression of dynamic `to` support (#11286)
22 май 2018, 13:27
Не верифицирован
22 май 2018, 13:27
66c7b3c
Код
Авторство
О чём код?
<template> <span class="el-breadcrumb__item"> <span :class="['el-breadcrumb__inner', to ? 'is-link' : '']" ref="link" role="link"> <slot></slot> </span> <i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i> <span v-else class="el-breadcrumb__separator" role="presentation">{{separator}}</span> </span> </template> <script> export default { name: 'ElBreadcrumbItem', props: { to: {}, replace: Boolean }, data() { return { separator: '', separatorClass: '' }; }, inject: ['elBreadcrumb'], mounted() { this.separator = this.elBreadcrumb.separator; this.separatorClass = this.elBreadcrumb.separatorClass; const link = this.$refs.link; link.setAttribute('role', 'link'); link.addEventListener('click', _ => { const { to, $router } = this; if (!to || !$router) return; this.replace ? $router.replace(to) : $router.push(to); }); } }; </script>