這篇文章主要為大家展示了如何使用Element Breadcrumb面包屑，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
組件— 面包屑
什么是面包屑導航
一般頁面內容上方都會有一個路徑導航，這個導航就是面包屑導航。例如：
上面這個圖表示我們當前的頁面是Breadcrumb面包屑，上一級目錄是組件頁面，再上一級目錄是Element UI頁面。當我們點擊這些目錄時會返回到對應的頁面中去。再例如：
上面這個圖表示我們當前所在的位置是活動詳情頁面，上一級目錄是活動列表頁面…以此類推。
這些就是面包屑導航。
基礎用法
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首頁</el-breadcrumb-item>
<el-breadcrumb-item><a href="/" rel="external nofollow" >活動管理</a></el-breadcrumb-item>
<el-breadcrumb-item>活動列表</el-breadcrumb-item>
<el-breadcrumb-item>活動詳情</el-breadcrumb-item>
</el-breadcrumb>圖標分隔符
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首頁</el-breadcrumb-item>
<el-breadcrumb-item>活動管理</el-breadcrumb-item>
<el-breadcrumb-item>活動列表</el-breadcrumb-item>
<el-breadcrumb-item>活動詳情</el-breadcrumb-item>
</el-breadcrumb>Breadcrumb Attributes
Breadcrumb Item Attributes
以上就是關于如何使用Element Breadcrumb面包屑的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
