Vue.js 面包屑&x27；引导vue项目中的项目

在我的vue/cli 4/vuex/bootstrap vue项目应用程序中，我要添加 面包屑，正如我在这里读到的：

我想知道如何为任何页面制作面包屑的项目，因为面包屑对于任何页面都是不同的

我有很多想法，比如在src/main.js中我有：

router.afterEach((to, from) => {
  bus.$emit('page_changed', from, to)
})

在容器src/App.vue中，我有：

bus.$on('page_changed', (from, to) => {

}) // bus.$on('page_changed', (from, to) => {

我假设在src/App中，我可以为系统的任何页面设置项目数组 和根据当前页面在页面更改数组中（页面更改事件的tp参数） 设置为面包屑项。我不确定它是否有效

有什么想法吗

"bootstrap-vue": "^2.1.0",
"vue": "^2.6.10",
"vuex": "^3.1.2"

---

谢谢

检查

this.$route

若要获取路由的当前路径，请在

/

上拆分它（例如

this.$router.path.split（'/'）

），然后使用生成的数组生成面包屑。是否要在page\u changed event中设置它？

此。$route

是被动的，因此您根本不需要将其与事件绑定。