Breadcrumb 面包屑 | Os Ui - IAOSWEB.COM

On this page

显示当前页面的路径，快速返回之前的任意页面。

基础用法

html

<script setup>
  import { ref } from 'vue'
  const bc = ref([
    {
      command: 'home',
      label: 'Home',
      children: [
        {
          command: 'about',
          label: 'About'
        }
        // ...More
      ]
    }
  ])
</script>
<os-breadcrumb :data="bc"></os-breadcrumb>

图标分隔符

html

<os-breadcrumb
:data="bc"
separator-icon="os-icon-next">
</os-breadcrumb>