使用vue-router实现简单的面包屑功能

面包屑 (vue-breadcrumbs)

Vue breadcrumbs builds on the official vue-router package to provide simple breadcrumbs. This package is backwards compatible to support both Vue 1.x and Vue 2.x.

Vue面包屑建立在官方Vue-Router软件包的基础上，提供简单的面包屑。 该软件包向后兼容，以支持Vue 1.x和Vue2.x。

现场演示 (Live Demo)

https://samturrell.github.io/vue-breadcrumbs/example

https://samturrell.github.io/vue-breadcrumbs/example

安装 (Installation)

or via npm:

或通过npm：

Define the matching breadcrumb text in your routes.

在您的路线中定义匹配的面包屑文本。

An options object can also be passed into the plugin to specify your own template and rendering methods if desired. For example:

如果需要，还可以将options对象传递到插件中以指定您自己的模板和渲染方法。 例如：

用法 (Usage)

Vue 1.x (Vue 1.x)

Use the property of a route or subRoute, e.g.:

使用路径或子属性，例如：

Vue 2.x (Vue 2.x)

Use the property of a route or child route, e.g.:

使用路由或子路由的属性，例如：

翻译自: https://vuejsexamples.com/implements-simple-breadcrumb-functionality-with-vue-router/

文章知识点与官方知识档案匹配，可进一步学习相关知识Java技能树首页概览93845 人正在系统学习中 相关资源：QCE生物质颗粒木屑竹屑桔杆成型燃料企业数据管理软件-制造工具类…