Vue面包屑动态导航

这个是效果图
1.在components里面新建一个Breadcrumb.vue的组件代码如下

<template>
    <div class="navbar clearfix">
        <el-breadcrumb class="breadcrumb-container" separator-class="el-icon-arrow-right">
            <el-breadcrumb-item v-for="item in levelList" :key="item.path" :to="item.path">{
   {
   item.meta.title}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
 
<script>
    export default {
   
        name: 'Navbar',
        data() {
   
            return {
   
                levelList: []
            }
        }<