<template>
  <div class="QdmBread">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item v-for="(item, index) in list" :key="index" :to="{ path: item.url }">{{ item.name }}</el-breadcrumb-item>
      <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
export default {
  name: "QdmBread",
  props: {
    list: {
    	type: Array,
      default: () => {
        return []
      }
    },
    name: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="less" scoped>
.QdmBread {
  margin-bottom: 8px;
}
</style>