Play UIBreadcrumb New
New
面包屑是一种导航系统，用于显示用户在网站或应用程序中的位置。
Usage
///
<template>
<PlBreadcrumb ref="breadcrumb" v-model="steps" />
</template>
<script setup lang="ts">
import { ref } from 'vue'
const breadcrumb = ref()
const steps = ref([
{
name: 'page1',
icon: 'basket2',
},
{
name: 'page2',
icon: 'bandaid',
},
{
name: 'page3',
},
])
</script><template>
<PlBreadcrumb ref="breadcrumb" v-model="steps" />
</template>
<script setup lang="ts">
import { ref } from 'vue'
const breadcrumb = ref()
const steps = ref([
{
name: 'page1',
icon: 'basket2',
},
{
name: 'page2',
icon: 'bandaid',
},
{
name: 'page3',
},
])
</script>Props
| Name | Type | Default | Description |
|---|---|---|---|
| modelValue | <{ name: string separator?: String to: RouteLocationRaw icon: string }>[] | [] | 绑定面包屑选项。 |
| replace | boolean | false | 等同于vue router中的 replace 方法。 |
| separator | string | '/' | 面包屑的分隔符。 |