Competitive Diferentials

Install

yarn add vue-coe-breadcrumb or npm i vue-coe-breadcrumb

Include Plugin

import Vue from 'vue'

import { VueCoeBreadcrumb } from 'vue-coe-breadcrumb'

Vue.use(VueCoeBreadcrumb, store, options)

Register in component

<script>
import CoeBreadcrumb from 'vue-coe-breadcrumb'

export default {
  components: { CoeBreadcrumb }
  ...
</script>

Use

<script>
export default {
  // ...
  
  breadcrumb: {
    getters: 'anyGettersFromYourStore', // the label of this route / crumb will be populated by the called getters value
    name: 'nameOfTheCurrentRoute'
  }
  
  // ...
}
</script>

options: plugin instance

Name | Default | Required | About :-------------|:--------------:|:--------:|:------------------------- storeName | coebreadcrumb| false | store name store | | true | instance of store separatorText | \| | false | separator text hidden | [] | false | array of strings with the name of the routes that will be hidden

slots: component

• crumbs
• name