顯示當(dāng)前頁(yè)面的路徑,快速返回之前的任意頁(yè)面。
1.如何使用?
在
el-breadcrumb
中使用el-breadcrumb-item
標(biāo)簽表示從首頁(yè)開始的每一級(jí)。Element 提供了一個(gè)separator
屬性,在el-breadcrumb
標(biāo)簽中設(shè)置它來(lái)決定分隔符,它只能是字符串,默認(rèn)為斜杠/
。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-696622.html
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首頁(yè)</el-breadcrumb-item>
<el-breadcrumb-item><a href="/">活動(dòng)管理</a></el-breadcrumb-item>
<el-breadcrumb-item>活動(dòng)列表</el-breadcrumb-item>
<el-breadcrumb-item>活動(dòng)詳情</el-breadcrumb-item>
</el-breadcrumb>
2.圖標(biāo)分隔符
通過(guò)設(shè)置?
separator-class
?可使用相應(yīng)的?iconfont
?作為分隔符,注意這將使?separator
?設(shè)置失效文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-696622.html
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首頁(yè)</el-breadcrumb-item>
<el-breadcrumb-item>活動(dòng)管理</el-breadcrumb-item>
<el-breadcrumb-item>活動(dòng)列表</el-breadcrumb-item>
<el-breadcrumb-item>活動(dòng)詳情</el-breadcrumb-item>
</el-breadcrumb>
到了這里,關(guān)于ElementUI淺嘗輒止29:Breadcrumb 面包屑的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!