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 () { | ... | ... |