mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header links

This commit is contained in:
Kseninia Mikhaylova 2024-06-19 13:32:43 +03:00
parent 4e499163de
commit 25a5dd0fc7
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/header.vue
View File

@ -12,17 +12,19 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
}, },
}) })
const route = useRoute() const route = useRoute()
console.log(route) console.log({ route })
</script> </script>
<template> <template>
<div class="header"> <div class="header">
<div class="container"> <div class="container">
<div class="logo"> <div class="logo">
Купи забор <NuxtLink to="/">
Купи забор
</NuxtLink>
</div> </div>
<div class="menu"> <div class="menu">
<template v-for="item in pagesData"> <template v-for="item in pagesData">
<NuxtLink :to="item.external_link || `#${item.slug}`" <NuxtLink :to="item.external_link || ((route.name == 'index' ? '' : '/') + `#${item.slug}`)"
:target="item.external_link ? '_blank' : '_self'" @click="scrollToAnchor(item.slug)"> :target="item.external_link ? '_blank' : '_self'" @click="scrollToAnchor(item.slug)">
{{ item.menu_title }} {{ item.menu_title }}
</NuxtLink> </NuxtLink>