Commit 3cf11946f2acc76d74c3903c119299d3e29f4e73
1 parent
7d0b7384
Breadcrumb add target prop
Showing
2 changed files
with
10 additions
and
1 deletions
Show diff stats
examples/routers/breadcrumb.vue
@@ -8,6 +8,7 @@ | @@ -8,6 +8,7 @@ | ||
8 | <div> | 8 | <div> |
9 | <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>"> | 9 | <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>"> |
10 | <Breadcrumb-item to="/button">Home4</Breadcrumb-item> | 10 | <Breadcrumb-item to="/button">Home4</Breadcrumb-item> |
11 | + <Breadcrumb-item to="//iviewui.com" target="_blank">Home4</Breadcrumb-item> | ||
11 | <Breadcrumb-item :to="{name: 'icon', params: { userId: 123 }}">Components</Breadcrumb-item> | 12 | <Breadcrumb-item :to="{name: 'icon', params: { userId: 123 }}">Components</Breadcrumb-item> |
12 | <Breadcrumb-item>Breadcrumb</Breadcrumb-item> | 13 | <Breadcrumb-item>Breadcrumb</Breadcrumb-item> |
13 | </Breadcrumb> | 14 | </Breadcrumb> |
src/components/breadcrumb/breadcrumb-item.vue
1 | <template> | 1 | <template> |
2 | <span> | 2 | <span> |
3 | - <a v-if="to" :href="linkUrl" :class="linkClasses" @click.prevent="handleClick"> | 3 | + <a v-if="to" :href="linkUrl" :target="target" :class="linkClasses" @click="handleCheckClick"> |
4 | <slot></slot> | 4 | <slot></slot> |
5 | </a> | 5 | </a> |
6 | <span v-else :class="linkClasses"> | 6 | <span v-else :class="linkClasses"> |
@@ -15,6 +15,7 @@ | @@ -15,6 +15,7 @@ | ||
15 | <script> | 15 | <script> |
16 | import mixinsLink from '../../mixins/link'; | 16 | import mixinsLink from '../../mixins/link'; |
17 | const prefixCls = 'ivu-breadcrumb-item'; | 17 | const prefixCls = 'ivu-breadcrumb-item'; |
18 | + import { oneOf } from '../../utils/assist'; | ||
18 | 19 | ||
19 | export default { | 20 | export default { |
20 | name: 'BreadcrumbItem', | 21 | name: 'BreadcrumbItem', |
@@ -26,6 +27,13 @@ | @@ -26,6 +27,13 @@ | ||
26 | replace: { | 27 | replace: { |
27 | type: Boolean, | 28 | type: Boolean, |
28 | default: false | 29 | default: false |
30 | + }, | ||
31 | + target: { | ||
32 | + type: String, | ||
33 | + validator (value) { | ||
34 | + return oneOf(value, ['_blank', '_self', '_parent', '_top']); | ||
35 | + }, | ||
36 | + default: '_self' | ||
29 | } | 37 | } |
30 | }, | 38 | }, |
31 | data () { | 39 | data () { |