Support Breadcrumb
keep slot sepatator
This commit is contained in:
parent
2d74744daf
commit
c06e99d09f
7 changed files with 59 additions and 12 deletions
|
@ -6,8 +6,10 @@
|
|||
<span v-else :class="linkClasses">
|
||||
<slot></slot>
|
||||
</span>
|
||||
<span :class="separatorClasses">
|
||||
<slot name="separator">{{{ separator }}}</slot>
|
||||
<span :class="separatorClasses" v-html="separator" v-if="!showSeparator">
|
||||
</span>
|
||||
<span :class="separatorClasses" v-else>
|
||||
<slot name="separator"></slot>
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
|
@ -18,12 +20,17 @@
|
|||
props: {
|
||||
href: {
|
||||
type: String
|
||||
},
|
||||
separator: {
|
||||
type: String,
|
||||
default: '/'
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
separator: '',
|
||||
showSeparator: false
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.showSeparator = this.$slots.separator !== undefined;
|
||||
},
|
||||
computed: {
|
||||
linkClasses () {
|
||||
return `${prefixCls}-link`;
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
return `${prefixCls}`;
|
||||
}
|
||||
},
|
||||
compiled () {
|
||||
mounted () {
|
||||
this.updateChildren();
|
||||
},
|
||||
methods: {
|
||||
|
|
|
@ -5,7 +5,7 @@ import Affix from './components/affix';
|
|||
import Alert from './components/alert';
|
||||
// import BackTop from './components/back-top';
|
||||
import Badge from './components/badge';
|
||||
// import Breadcrumb from './components/breadcrumb';
|
||||
import Breadcrumb from './components/breadcrumb';
|
||||
import Button from './components/button';
|
||||
import Card from './components/card';
|
||||
import Carousel from './components/carousel';
|
||||
|
@ -51,8 +51,8 @@ const iview = {
|
|||
Alert,
|
||||
// BackTop,
|
||||
Badge,
|
||||
// Breadcrumb,
|
||||
// BreadcrumbItem: Breadcrumb.Item,
|
||||
Breadcrumb,
|
||||
BreadcrumbItem: Breadcrumb.Item,
|
||||
// iButton: Button,
|
||||
Button,
|
||||
ButtonGroup: Button.Group,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue