Element-React Breadcrumb面包屑

2020-10-19 10:24 更新

顯示當(dāng)前頁(yè)面的路徑,快速返回之前的任意頁(yè)面。

基礎(chǔ)用法

適用廣泛的基礎(chǔ)用法。

Breadcrumb中使用Breadcrumb.Item標(biāo)簽表示從首頁(yè)開(kāi)始的每一級(jí)。Element 提供了一個(gè)separator屬性,在Breadcrumb標(biāo)簽中設(shè)置它來(lái)決定分隔符,它只能是字符串,默認(rèn)為斜杠/。

  1. render() {
  2. return (
  3. <Breadcrumb separator="/">
  4. <Breadcrumb.Item>首頁(yè)</Breadcrumb.Item>
  5. <Breadcrumb.Item>活動(dòng)管理</Breadcrumb.Item>
  6. <Breadcrumb.Item>活動(dòng)列表</Breadcrumb.Item>
  7. <Breadcrumb.Item>活動(dòng)詳情</Breadcrumb.Item>
  8. </Breadcrumb>
  9. )
  10. }

Breadcrumb Attributes

參數(shù) 說(shuō)明 類型 可選值 默認(rèn)值
separator 分隔符 string 斜杠'/'
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)