时间戳

首页 > 解决方案 > bootstrap-vue 项目中面包屑的项目

vue.js - bootstrap-vue 项目中面包屑的项目

问题描述

在我的 vue/cli 4/vuex/bootstrap-vue 项目应用程序中，我想添加面包屑，因为我在这里读到： https ://bootstrap-vue.js.org/docs/components/breadcrumb/

我徘徊如何为任何页面制作面包屑的项目，因为任何页面的面包屑都不同？

我有 src/main.js 中的 vauge 想法，我有：

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 中，我可以为系统的任何页面设置项目数组，并在 page_changed 数组中根据当前页面（page_changed 事件的 tp 参数）设置为面包屑项目。我不确定它会起作用吗？

有任何想法吗？

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

谢谢！

标签： vue.jsbreadcrumbsbootstrap-vue

解决方案

推荐阅读