Skip to content

Breadcrumbs Guide

Karnando Sepryan edited this page Jun 24, 2019 · 1 revision

This is custom made breadcrumbs that that can be used globally.

How to use :

  • Just add breadcrumb in each router meta
  • name is for the title of the route displayed on the page
  • link is for the router name that is used in router.push

example:

  • the structure of this example is: courseBatch - courses - courseDetail
   {
      name: 'courseBatches',
      meta: {
        title: 'Select Course Batch',
        breadcrumb: [
          { name: 'Batches', link: 'courseBatches' }
        ]
      }
    },
    {
      name: 'courses',
      meta: {
        title: 'Courses',
        breadcrumb: [
          { name: 'Batches', link: 'courseBatches' },
          { name: 'Courses', link: 'courses' }
        ]
      }
    },
    {
      name: 'courseDetail',
      meta: {
        title: 'Course Detail',
        breadcrumb: [
          { name: 'Batches', link: 'courseBatches' },
          { name: 'Courses', link: 'courses' },
          { name: 'Course Detail', link: 'courseDetail' }
        ]
      }
    }

Clone this wiki locally