12345678910111213141516171819202122 |
- <template>
- <el-breadcrumb separator-class="el-icon-arrow-right">
- <el-breadcrumb-item :to="{ path: '/' }"> {{level1}} </el-breadcrumb-item>
- <el-breadcrumb-item> {{level2}} </el-breadcrumb-item>
- <el-breadcrumb-item v-if="flag"> {{level3}} </el-breadcrumb-item>
- </el-breadcrumb>
- </template>
- <script type="text/javascript">
- export default{
- name: 'MyBreadcrumb',
- props: ['level1', 'level2', 'level3','flag'],
- }
- </script>
- <style type="text/css">
- /*
- .el-breadcrumb__item:last-child .el-breadcrumb__inner {
- color: #0e90ff;
- }*/
- </style>
|