drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #2214

Browse source
This commit is contained in:
梁灏 2017-11-07 17:28:20 +08:00
parent 6d2b7bcbc9
commit 05265beef7
2 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/routers/breadcrumb.vue
View file

@ -7,8 +7,8 @@
<template> <template>
<div> <div>
<Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>"> <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>">
<Breadcrumb-item href="/">Home4</Breadcrumb-item> <Breadcrumb-item to="/">Home4</Breadcrumb-item>
<Breadcrumb-item href="/checkbox" replace>Components</Breadcrumb-item> <Breadcrumb-item :to="{name: 'user', params: { userId: 123 }}">Components</Breadcrumb-item>
<Breadcrumb-item>Breadcrumb</Breadcrumb-item> <Breadcrumb-item>Breadcrumb</Breadcrumb-item>
</Breadcrumb> </Breadcrumb>
<Breadcrumb separator=""> <Breadcrumb separator="">
@ -18,7 +18,7 @@
<b style="color: #ff5500;">-></b> <b style="color: #ff5500;">-></b>
</template> </template>
</Breadcrumb-item> </Breadcrumb-item>
<Breadcrumb-item href="/components/breadcrumb"> <Breadcrumb-item href="/components/page">
<template>Breadcrumb</template> <template>Breadcrumb</template>
<template slot="separator"> <template slot="separator">
<b style="color: #ff5500;">-></b> <b style="color: #ff5500;">-></b>

12
src/components/breadcrumb/breadcrumb-item.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<span> <span>
<a v-if="href" :class="linkClasses" @click="handleClick"> <a v-if="to || href" :class="linkClasses" @click="handleClick">
<slot></slot> <slot></slot>
</a> </a>
<span v-else :class="linkClasses"> <span v-else :class="linkClasses">
@ -13,13 +13,17 @@
</span> </span>
</template> </template>
<script> <script>
// todo 3.0 时废弃 href
const prefixCls = 'ivu-breadcrumb-item'; const prefixCls = 'ivu-breadcrumb-item';
export default { export default {
name: 'BreadcrumbItem', name: 'BreadcrumbItem',
props: { props: {
href: { href: {
type: String type: [Object, String]
},
to: {
type: [Object, String]
}, },
replace: { replace: {
type: Boolean, type: Boolean,
@ -47,9 +51,9 @@
handleClick () { handleClick () {
const isRoute = this.$router; const isRoute = this.$router;
if (isRoute) { if (isRoute) {
this.replace ? this.$router.replace(this.href) : this.$router.push(this.href); this.replace ? this.$router.replace(this.to || this.href) : this.$router.push(this.to || this.href);
} else { } else {
window.location.href = this.href; window.location.href = this.to || this.href;
} }
} }
} }