Other links target value prop

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

View file

@ -14,7 +14,7 @@
<span>Other Links</span>
</h6>
<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>
</div>
</nav>

View file

@ -6,7 +6,7 @@
</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">
<span class="h6">{{ title }}</span>
</a>
@ -28,6 +28,7 @@ export default {
url: String,
to: String,
isActive: Boolean,
targetVal: String,
},
}
</script>