vue 一个页面三个面包屑如何实现

在项目中做面包屑正常是这样的

img


但是一个文件里面包含了三个相同又不同的页面 分别是《新建》《详情》《编辑》的时候面包屑应该怎么写

img

这个应该和你的路由有关系吧，如果可以拿到路由信息可以用变量接收后绑定到面包屑名称

我觉得 你可以在名字上添加《》 对应的默认值 设置一个空格 或者空白

我都是把面包屑写在路由里得，然后读取；
路由

 {
                        path: 'Admin',
                        name: "Admin",
                        component: () => import('@/views/Template/Admin/index.vue'),
                        meta: {data: [{title: '模板管理'}, {title: '模板列表'}],title: '模板管理'},
                    }

面包屑

<el-breadcrumb separator="/">
            <el-breadcrumb-item v-for="(item,index) in $route.meta.data" @click.native="getNavMenu(item.path)"
                                :key="index">{{item.title}}
            </el-breadcrumb-item>
        </el-breadcrumb>

看下这个
https://blog.csdn.net/weixin_42268006/article/details/122617574?spm=1001.2014.3001.5502

你这都在一个页面里，都用跳转页面的，直接用个变量v-show控制不就行了吗
如有帮助，麻烦点个[采纳此答案]谢谢^O^