服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
<template> |
|
<a-breadcrumb class="breadcrumb"> |
|
<a-breadcrumb-item v-for="(item, index) in breadList" :key="index"> |
|
<router-link v-if="item.name != name" :to="{ path: item.path }"> |
|
{{ item.meta.title }} |
|
</router-link> |
|
<span v-else>{{ item.meta.title }}</span> |
|
</a-breadcrumb-item> |
|
</a-breadcrumb> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
name: '', |
|
breadList: [], |
|
} |
|
}, |
|
created () { |
|
this.getBreadcrumb() |
|
}, |
|
methods: { |
|
getBreadcrumb() { |
|
|
|
console.log('this.$route.matched', this.$route.matched) |
|
|
|
this.breadList = [] |
|
this.breadList.push({ name: 'dashboard-analysis', path: '/dashboard/analysis', meta: { title: '首页' } }) |
|
|
|
this.name = this.$route.name |
|
this.$route.matched.forEach((item) => { |
|
// item.meta.name === 'dashboard' ? item.path = '/dashboard' : this.$route.path === item.path |
|
this.breadList.push(item) |
|
}) |
|
} |
|
}, |
|
watch: { |
|
$route() { |
|
this.getBreadcrumb() |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
|
|
</style> |