yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

added logic for dynamic changed nav color in header component

Browse Source
This commit is contained in:
Kostya
2023-11-26 00:18:00 +03:00
parent f05e15dcb2
commit 7628690b05
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
luckydiamond/src/components/HeaderComponent.vue
View File

@@ -6,8 +6,8 @@
</div> </div>
<div class="header__nav"> <div class="header__nav">
<nav> <nav>
<a href="#" @click="$router.push({ name: 'home' })" class="header__nav--now">Главная</a> <a href="#" @click="$router.push({ name: 'home' })" :class="{ 'header__nav--now' : route === 'home' }">Главная</a>
<a href="#" @click="$router.push({ name: 'profile' })">Профиль</a> <a href="#" @click="$router.push({ name: 'profile' })" :class="{ 'header__nav--now' : route === 'profile' }">Профиль</a>
<a href="#">Помощь</a> <a href="#">Помощь</a>
</nav> </nav>
</div> </div>
@@ -47,8 +47,12 @@ export default {
data() { data() {
return { return {
balance: 25000, balance: 25000,
auth: false auth: false,
route: ''
} }
},
mounted() {
this.route = this.$route.name
} }
} }
</script> </script>