element-ui_el-breadcrumb-面包屑
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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 // 后端项目
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 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)