element-ui_el-breadcrumb-面包屑

目录




内容

1、简介

breadcrumb 用于显示当前页所在位置,方便返回。

  • 效果图1-1:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PkFuPI3S-1597763710400)(./images/2020-08-18_el-breadcrumb_1.png)]

2、使用

2.1、常用属性

  • el-breadcrumb
属性名类型可接受值默认描述
separatorstring-/分割字符
separator-classstring--用于分割的icon的类名
  • el-breadcrumb-item
属性名类型可接受值默认描述
tosting/object--链接的目标路由,用法同vue-router的to属性

2.2、代码

<el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{path: '/home'}">首页</el-breadcrumb-item>
  <el-breadcrumb-item>商品管理</el-breadcrumb-item>
  <el-breadcrumb-item>商品分类</el-breadcrumb-item>
</el-breadcrumb>

效果图同1-1

后记

本项目为参考某马视频开发,相关视频及配套资料可自行度娘或者联系本人。上面为自己编写的开发文档,持续更新。欢迎交流,本人QQ:806797785

前端项目源代码地址:https://gitee.com/gaogzhen/ly-bms    // 前端后台管理系统
后端JAVA源代码地址:https://gitee.com/gaogzhen/ly-backend        // 后端项目
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 6 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐