MyBreadcrumb.vue 553 B

12345678910111213141516171819202122
  1. <template>
  2. <el-breadcrumb separator-class="el-icon-arrow-right">
  3. <el-breadcrumb-item :to="{ path: '/' }"> {{level1}} </el-breadcrumb-item>
  4. <el-breadcrumb-item> {{level2}} </el-breadcrumb-item>
  5. <el-breadcrumb-item v-if="flag"> {{level3}} </el-breadcrumb-item>
  6. </el-breadcrumb>
  7. </template>
  8. <script type="text/javascript">
  9. export default{
  10. name: 'MyBreadcrumb',
  11. props: ['level1', 'level2', 'level3','flag'],
  12. }
  13. </script>
  14. <style type="text/css">
  15. /*
  16. .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  17. color: #0e90ff;
  18. }*/
  19. </style>