bartvdbraak/SlayerWeightCalculator
1
0
Fork 0
mirror of https://github.com/bartvdbraak/SlayerWeightCalculator.git synced 2025-04-27 17:41:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Other links target value prop

Browse source
This commit is contained in:
Bart van der Braak 2020-02-02 18:16:03 +01:00
parent 62ba952f22
commit 5266d9bd13
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/LeftNav.vue
View file

@ -14,7 +14,7 @@
<span>Other Links</span> <span>Other Links</span>
</h6> </h6>
<ul class="nav flex-column mb-2"> <ul class="nav flex-column mb-2">
<NavItem v-for="link in extraLinks" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/> <NavItem v-for="link in extraLinks" :targetVal="'_blank'" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
</ul> </ul>
</div> </div>
</nav> </nav>

3
src/components/NavItem.vue
View file

@ -6,7 +6,7 @@
</router-link> </router-link>
<a class="nav-link" v-bind:class="{ active: isActive }" v-if="url" :href="url" > <a class="nav-link" :target="targetVal" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
<img class="mx-2 rounded-circle shadow" v-if="icon_url" :src="require(`../assets/${icon_url}`)" width="42" height="42"> <img class="mx-2 rounded-circle shadow" v-if="icon_url" :src="require(`../assets/${icon_url}`)" width="42" height="42">
<span class="h6">{{ title }}</span> <span class="h6">{{ title }}</span>
</a> </a>
@ -28,6 +28,7 @@ export default {
url: String, url: String,
to: String, to: String,
isActive: Boolean, isActive: Boolean,
targetVal: String,
}, },
} }
</script> </script>