element-ui_el-breadcrumb-面包屑

element-ui_el-breadcrumb-面包屑

---

目录

---

---

内容

---

1、简介

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

• 效果图1-1：

2、使用

2.1、常用属性

• el-breadcrumb

属性名	类型	可接受值	默认	描述
separator	string	-	/	分割字符
separator-class	string	-	-	用于分割的icon的类名

• el-breadcrumb-item

属性名	类型	可接受值	默认	描述
to	sting/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        // 后端项目