diff --git a/examples/routers/breadcrumb.vue b/examples/routers/breadcrumb.vue index 0c9beee..e945199 100644 --- a/examples/routers/breadcrumb.vue +++ b/examples/routers/breadcrumb.vue @@ -8,6 +8,7 @@ <div> <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>"> <Breadcrumb-item to="/button">Home4</Breadcrumb-item> + <Breadcrumb-item to="//iviewui.com" target="_blank">Home4</Breadcrumb-item> <Breadcrumb-item :to="{name: 'icon', params: { userId: 123 }}">Components</Breadcrumb-item> <Breadcrumb-item>Breadcrumb</Breadcrumb-item> </Breadcrumb> diff --git a/src/components/breadcrumb/breadcrumb-item.vue b/src/components/breadcrumb/breadcrumb-item.vue index b67efa6..d5e0d65 100644 --- a/src/components/breadcrumb/breadcrumb-item.vue +++ b/src/components/breadcrumb/breadcrumb-item.vue @@ -1,6 +1,6 @@ <template> <span> - <a v-if="to" :href="linkUrl" :class="linkClasses" @click.prevent="handleClick"> + <a v-if="to" :href="linkUrl" :target="target" :class="linkClasses" @click="handleCheckClick"> <slot></slot> </a> <span v-else :class="linkClasses"> @@ -15,6 +15,7 @@ <script> import mixinsLink from '../../mixins/link'; const prefixCls = 'ivu-breadcrumb-item'; + import { oneOf } from '../../utils/assist'; export default { name: 'BreadcrumbItem', @@ -26,6 +27,13 @@ replace: { type: Boolean, default: false + }, + target: { + type: String, + validator (value) { + return oneOf(value, ['_blank', '_self', '_parent', '_top']); + }, + default: '_self' } }, data () { -- libgit2 0.21.4