# 基础用法

list必传,且必须为数组,默认最后一项为黑色字体,之前的为灰色字体。最后一项默认无法跳转,如果需要跳转增加jump:true

基础用法

<template>
  <div>
    <h-breadcrumb :list="list"></h-breadcrumb>
  </div>
</template>

<script>
export default {
  data() {
    return {
    	list: [
        {
          name: '运营'
        },
        {
          name: '消息推送',
          url: '/main/operation/message'
        },
        {
          name: '百度',
          url: 'https://www.baidu.com',
          jump: true
        }
      ]
    }
  }
}
</script>
显示代码

# Attributes

参数 说明 类型 可选值 默认值
list 面包屑数据 Array

# list Attributes

参数 说明 类型 可选值 默认值
name 导航文字 String
url 跳转地址 String
jump 最后一项设置,是否可以跳转 boolean true/false false