Breadcrumb add target prop

This commit is contained in:
梁灏 2018-06-21 10:33:42 +08:00
parent 7d0b738455
commit 3cf11946f2
2 changed files with 10 additions and 1 deletions

View file

@ -8,6 +8,7 @@
<div> <div>
<Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>"> <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>">
<Breadcrumb-item to="/button">Home4</Breadcrumb-item> <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 :to="{name: 'icon', params: { userId: 123 }}">Components</Breadcrumb-item>
<Breadcrumb-item>Breadcrumb</Breadcrumb-item> <Breadcrumb-item>Breadcrumb</Breadcrumb-item>
</Breadcrumb> </Breadcrumb>

View file

@ -1,6 +1,6 @@
<template> <template>
<span> <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> <slot></slot>
</a> </a>
<span v-else :class="linkClasses"> <span v-else :class="linkClasses">
@ -15,6 +15,7 @@
<script> <script>
import mixinsLink from '../../mixins/link'; import mixinsLink from '../../mixins/link';
const prefixCls = 'ivu-breadcrumb-item'; const prefixCls = 'ivu-breadcrumb-item';
import { oneOf } from '../../utils/assist';
export default { export default {
name: 'BreadcrumbItem', name: 'BreadcrumbItem',
@ -26,6 +27,13 @@
replace: { replace: {
type: Boolean, type: Boolean,
default: false default: false
},
target: {
type: String,
validator (value) {
return oneOf(value, ['_blank', '_self', '_parent', '_top']);
},
default: '_self'
} }
}, },
data () { data () {