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 | 8 | <div> |
9 | 9 | <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>"> |
10 | 10 | <Breadcrumb-item to="/button">Home4</Breadcrumb-item> |
11 | + <Breadcrumb-item to="//iviewui.com" target="_blank">Home4</Breadcrumb-item> | |
11 | 12 | <Breadcrumb-item :to="{name: 'icon', params: { userId: 123 }}">Components</Breadcrumb-item> |
12 | 13 | <Breadcrumb-item>Breadcrumb</Breadcrumb-item> |
13 | 14 | </Breadcrumb> | ... | ... |
src/components/breadcrumb/breadcrumb-item.vue
1 | 1 | <template> |
2 | 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 | 4 | <slot></slot> |
5 | 5 | </a> |
6 | 6 | <span v-else :class="linkClasses"> |
... | ... | @@ -15,6 +15,7 @@ |
15 | 15 | <script> |
16 | 16 | import mixinsLink from '../../mixins/link'; |
17 | 17 | const prefixCls = 'ivu-breadcrumb-item'; |
18 | + import { oneOf } from '../../utils/assist'; | |
18 | 19 | |
19 | 20 | export default { |
20 | 21 | name: 'BreadcrumbItem', |
... | ... | @@ -26,6 +27,13 @@ |
26 | 27 | replace: { |
27 | 28 | type: Boolean, |
28 | 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 | 39 | data () { | ... | ... |