mall-web-ssr/components/store/Breadcrumb.vue

<template>
  <div>
    <el-breadcrumb separator=">">
      <el-breadcrumb-item v-for="(breadcrumb, index) in breadcrumbs" :key="index" :to="breadcrumb.to || {}" v-text="breadcrumb.name">首页</el-breadcrumb-item>
      <!--<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>
  </div>
</template>
<script>

export default {
  name: 'breadcrumb',
  props: ['breadcrumbs']
}
</script>
<style lang="scss" scoped>
  @import '~assets/scss/variables';

  el-breadcrumb {
    font-size: 14px;
  }
</style>