Element-Ui组件(三十五)Breadcrumb 面包屑

Element-Ui组件(三十五)Breadcrumb 面包屑

本文来源于Element官方文档:

http://element-cn.eleme.io/#/zh-CN/component/breadcrumb

基础用法

普通面包屑

<el-breadcrumb separator="/">
  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>活动管理</el-breadcrumb-item>
  <el-breadcrumb-item>活动列表</el-breadcrumb-item>
  <el-breadcrumb-item>活动详情</el-breadcrumb-item>
</el-breadcrumb>

Breadcrumb Attributes:

参数 类型 说明 可选值 默认值
separator 分隔符 string 斜杠’/’
separator-class 图标分隔符 class string -

Breadcrumb Item Attribute

参数 说明 类型 可选值 默认值
to 路由跳转对象,同 vue-router 的 to string/object
replace 在使用 to 进行路由跳转时,启用 replace 将不会向 history 添加新记录 boolean false

你可能感兴趣的:(Vue.js)