34 lines
897 B
Vue
34 lines
897 B
Vue
<script>
|
|
import PropTypes from '../_util/vue-types'
|
|
import { hasProp, getComponentFromProp } from '../_util/props-util'
|
|
|
|
export default {
|
|
name: 'BreadcrumbItem',
|
|
__ANT_BREADCRUMB_ITEM: true,
|
|
props: {
|
|
prefixCls: PropTypes.string.def('ant-breadcrumb'),
|
|
href: PropTypes.string,
|
|
separator: PropTypes.any,
|
|
},
|
|
render () {
|
|
const { prefixCls, $slots } = this
|
|
const children = $slots.default
|
|
let link
|
|
if (hasProp(this, 'href')) {
|
|
link = <a class={`${prefixCls}-link`}>{children}</a>
|
|
} else {
|
|
link = <span class={`${prefixCls}-link`}>{children}</span>
|
|
}
|
|
if (children) {
|
|
return (
|
|
<span>
|
|
{link}
|
|
<span class={`${prefixCls}-separator`}>{getComponentFromProp(this, 'separator') || '/'}</span>
|
|
</span>
|
|
)
|
|
}
|
|
return null
|
|
},
|
|
}
|
|
</script>
|