Breaking News: Grepper is joining You.com. Read the official announcement!

how to create link in nuxt 3

Add Answer

@CodeGrepperManu answered on August 28, 2022 Popularity 10/10 Helpfulness 4/10

answer how to create link in nuxt 3

how to create link in nuxt 3

Comment

in Nuxt 3 no need to create any routes automatically it will create the route.

get route params in nuxt 3

pages/products/[id].vue

<nav>
	<ul>
    	<li>
    		<NuxtLink to="/">Home</NuxtLink>
        </li>
        <li>
            <NuxtLink to="/about">About</NuxtLink>
        </li>
        <li>
            <NuxtLink to="/products/123">Product</NuxtLink>
        </li>
	</ul>
</nav>

/* create file in pages/products/[id].vue
 add the following code to vue file to get params 
and to print param value {{ id }}
*/
<script setup>
const { id } = useRoute().params;
</script>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: get javascript

Link to this answer
Share Copy Link

Contributed on May 04 2023

@CodeGrepperManu

0 Answers Avg Quality 2/10

Closely Related Answers

nuxt link

Comment

<NuxtLink to="/">
    Home
 </NuxtLink>

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: nuxt-link nuxt

Link to this answer
Share Copy Link

Contributed on Aug 28 2022

Ly VathanaOudom ms2

0 Answers Avg Quality 2/10

how to create link in nuxt 3

Contents

More Related Answers

how to create link in nuxt 3

Closely Related Answers

nuxt link

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.