<template>
  <div class="breadcrumb">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item v-for="location of locations" :key="location.url">
        <a :href="location.url">{{location.title}}</a>
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  props: ["locations"],
  computed: {},
  mounted() {},
  methods: {
    go(url) {
      console.log(url);
      location.href = url;
    }
  }
};
</script>

<style scoped lang="scss">
.breadcrumb {
  padding-bottom: 10px;
}
</style>
