35 lines
995 B
Vue
35 lines
995 B
Vue
|
<docs>
|
|||
|
|
---
|
|||
|
|
order: 4
|
|||
|
|
title:
|
|||
|
|
zh-CN: 分隔符
|
|||
|
|
en-US: Configuring the Separator
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## zh-CN
|
|||
|
|
|
|||
|
|
用` separator=">" `可以自定义分隔符，或者使用slot="separator"自定义更复杂的分隔符
|
|||
|
|
|
|||
|
|
## en-US
|
|||
|
|
|
|||
|
|
The separator can be customized by setting the separator preperty: separator=">" or use
|
|||
|
|
slot="separator"
|
|||
|
|
|
|||
|
|
</docs>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<a-breadcrumb separator=">">
|
|||
|
|
<a-breadcrumb-item>Home</a-breadcrumb-item>
|
|||
|
|
<a-breadcrumb-item href="">Application Center</a-breadcrumb-item>
|
|||
|
|
<a-breadcrumb-item href="">Application List</a-breadcrumb-item>
|
|||
|
|
<a-breadcrumb-item>An Application</a-breadcrumb-item>
|
|||
|
|
</a-breadcrumb>
|
|||
|
|
<a-breadcrumb>
|
|||
|
|
<template #separator><span style="color: red">></span></template>
|
|||
|
|
<a-breadcrumb-item>Home</a-breadcrumb-item>
|
|||
|
|
<a-breadcrumb-item href="">Application Center</a-breadcrumb-item>
|
|||
|
|
<a-breadcrumb-item href="">Application List</a-breadcrumb-item>
|
|||
|
|
<a-breadcrumb-item>An Application</a-breadcrumb-item>
|
|||
|
|
</a-breadcrumb>
|
|||
|
|
</template>
|