<> design sketch

<>1.vuex to configure
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new
Vuex.Store({ state: { bread: [] }, mutations: { }, actions: { } })
<>2. App Monitoring in $route
watch: { $route: { handler(val){ this.$store.state.bread = val.matched; } },
immediate: true }
<>$route Print results

<>matched Medium name In the routing configuration name value <>matched Medium path In the routing configuration path value { path: '/home',
name: ' home page ', component: ()=>import('../views/home') }
<>3. Component code
<template> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb
-item v-for="(i,k) in $store.state.bread" :key="k" :to="{ path: i.path }">{{i.
name}}</el-breadcrumb-item> </el-breadcrumb> </template>

Technology
©2019-2020 Toolsou All rights reserved,
Non preemptive static priority scheduling algorithm for operating system (C language )Go Language learning notes (GUI programming )XCTF Attack and defense world web Advanced practice _ 2_lottery What's the difference between computer major and training background ?python realization vlookup_ Dry goods I : Why python It's inside vlookup Bubble sort primary springboot2 Separation of front and rear platforms ,token Put in header Pit for verification Python Case conversion of letters ( Two methods )javascript event ( Detailed explanation of zero basis )Unity2019 UIElement note ( ten ) Simple exercise 2