arrow-left

All pages
gitbookPowered by GitBook
1 of 1

Loading...

Breadcrumb

介紹使用 Breadcrumb 麵包屑元件

Breadcrumb,也就是俗稱的「麵包屑」,就如「糖果屋」故事裡為了怕迷路而撒下的麵包屑,在網頁裡,使用者有時候會突然忘記自己在哪個層級的頁面裡,這時候 Breadcrumb 就會發揮它的作用,指出方向讓使用者知道自己的方位。

hashtag
基本使用

<bpa-breadcrumb :key="$route.path">
  <bpa-breadcrumb-item
    v-for="(pathItem, pathIndex) in path"
    :key="`pathIndex-${pathIndex}`"
    :title="`goto${pathItem.title}`"
    :to="pathItem.url"
  >
    {{ pathItem.title }}
  </bpa-breadcrumb-item>
</bpa-breadcrumb>

hashtag
屬性

Name
Value
Type
Default
Required
Note

hashtag
Demo

String

<a title="title">

to

{ url path }

Vue Route

title

Breadcrumb 介紹示意圖