国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

ElementUI淺嘗輒止29:Breadcrumb 面包屑

這篇具有很好參考價(jià)值的文章主要介紹了ElementUI淺嘗輒止29:Breadcrumb 面包屑。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

顯示當(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)為斜杠/

<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)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • ElementUI淺嘗輒止33:Form 表單

    包括各種表單項(xiàng),比如輸入框、選擇器、開關(guān)、單選框、多選框等。 W3C 標(biāo)準(zhǔn)中有如下規(guī)定: When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 即:當(dāng)一個(gè) form 元素中只有一個(gè)輸入框時(shí),在該輸入框中按下回車應(yīng)提交

    2024年02月09日
    瀏覽(29)
  • ElementUI淺嘗輒止15:Table 表格

    用于展示多條結(jié)構(gòu)類似的數(shù)據(jù),可對(duì)數(shù)據(jù)進(jìn)行排序、篩選、對(duì)比或其他自定義操作。 Table組件比較常用,常見于數(shù)據(jù)查詢,報(bào)表頁(yè)面,用來(lái)展示表格數(shù)據(jù)。 使用帶斑馬紋的表格,可以更容易區(qū)分出不同行的數(shù)據(jù)。 可將表格內(nèi)容 highlight 顯示,方便區(qū)分「成功、信息、警告、危

    2024年02月09日
    瀏覽(21)
  • ElementUI淺嘗輒止19:Badge 標(biāo)記

    出現(xiàn)在按鈕、圖標(biāo)旁的數(shù)字或狀態(tài)標(biāo)記。 可展示新消息數(shù)量。 可自定義最大值。 可以顯示數(shù)字以外的文本內(nèi)容。 以紅點(diǎn)的形式標(biāo)注需要關(guān)注的內(nèi)容。 關(guān)于Badge 標(biāo)記,它常見于網(wǎng)站或內(nèi)容平臺(tái)的消息數(shù)量展示。?

    2024年02月10日
    瀏覽(24)
  • ElementUI淺嘗輒止23:Loading 加載

    Loading加載組件:加載數(shù)據(jù)時(shí)顯示動(dòng)效。 常見于加載數(shù)據(jù)量大的業(yè)務(wù)操作,附帶動(dòng)態(tài)效果。 在表格等容器中加載數(shù)據(jù)時(shí)顯示。 可自定義加載文案、圖標(biāo)和背景色。 頁(yè)面數(shù)據(jù)加載時(shí)顯示。 Loading 還可以以服務(wù)的方式調(diào)用。引入 Loading 服務(wù): 在需要調(diào)用時(shí): 其中? options ?參數(shù)

    2024年02月10日
    瀏覽(19)
  • ElementUI淺嘗輒止25:MessageBox 彈框

    模擬系統(tǒng)的消息提示框而實(shí)現(xiàn)的一套模態(tài)對(duì)話框組件,用于消息提示、確認(rèn)消息和提交內(nèi)容。 從場(chǎng)景上說(shuō),MessageBox 的作用是美化系統(tǒng)自帶的? alert 、 confirm ?和? prompt ,因此適合展示較為簡(jiǎn)單的內(nèi)容。如果需要彈出較為復(fù)雜的內(nèi)容,還是要使用 Dialog。 當(dāng)用戶進(jìn)行操作時(shí)會(huì)

    2024年02月10日
    瀏覽(22)
  • ElementUI淺嘗輒止18:Avatar 頭像

    用圖標(biāo)、圖片或者字符的形式展示用戶或事物信息。 常用于管理系統(tǒng)或web網(wǎng)站的用戶頭像,在用戶賬戶模塊更換頭像操作也能看到關(guān)于Avatar組件的應(yīng)用。 通過(guò)? shape ?和? size ?設(shè)置頭像的形狀和大小。 支持三種類型:圖標(biāo)、圖片和字符 當(dāng)展示類型為圖片的時(shí)候,圖片加載失

    2024年02月09日
    瀏覽(20)
  • ElementUI淺嘗輒止32:NavMenu 導(dǎo)航菜單

    為網(wǎng)站提供導(dǎo)航功能的菜單。常用于網(wǎng)站平臺(tái)頂部或側(cè)邊欄菜單導(dǎo)航。 垂直菜單,可內(nèi)嵌子菜單。

    2024年02月09日
    瀏覽(17)
  • ElementUI淺嘗輒止28:Dropdown 下拉菜單

    將動(dòng)作或菜單折疊到下拉菜單中。 移動(dòng)到下拉菜單上,展開更多操作。 可使用按鈕觸發(fā)下拉菜單。 可以配置 click 激活或者 hover 激活。 可以 hide-on-click 屬性來(lái)配置。 點(diǎn)擊菜單項(xiàng)后會(huì)觸發(fā)事件,用戶可以通過(guò)相應(yīng)的菜單項(xiàng) key 進(jìn)行不同的操作 Dropdown 組件提供除了默認(rèn)值以外的

    2024年02月09日
    瀏覽(91)
  • ElementUI淺嘗輒止27:Steps 步驟條

    引導(dǎo)用戶按照流程完成任務(wù)的分步導(dǎo)航條,可根據(jù)實(shí)際應(yīng)用場(chǎng)景設(shè)定步驟,步驟不得少于 2 步。 設(shè)置 active 屬性,接受一個(gè) Number ,表明步驟的 index,從 0 開始。需要定寬的步驟條時(shí),設(shè)置 space 屬性即可,它接受 Number ,單位為 px ,如果不設(shè)置,則為自適應(yīng)。設(shè)置 finish-stat

    2024年02月09日
    瀏覽(21)
  • ElementUI淺嘗輒止36:Input 輸入框

    通過(guò)鼠標(biāo)或鍵盤輸入字符 Input 為受控組件,它 總會(huì)顯示 Vue 綁定值 。 通常情況下,應(yīng)當(dāng)處理? input ?事件,并更新組件的綁定值(或使用 v-model )。否則,輸入框內(nèi)顯示的值將不會(huì)改變。不支持? v-model ?修飾符。 通過(guò)? disabled ?屬性指定是否禁用 input 組件 使用 clearable 屬性

    2024年02月09日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包