Passing params in router vue

Question

I’m having a problem. I can’t get it to work.

I have this component called Projet. Inside of it, I have this block of code:

i want when i click in project it will take me to another detailpage but nothing happen:

{path: '/detail/:id', component: detail}

and this the code in my components

        <tr v-for="projet in projets" :key="projet.id" >
           <router-link :to="{ name: 'detail', params: {id:  projet.id } }" style="text-decoration:none; color:black;">        <td>{{ projet.name }}</td></router-link>
                  <td>{{ projet.owner }}</td>
                  <td>{{ projet.durre }}</td>

                  <td>-------</td>
                  <td><i  data-toggle="modal" data-target="#description" class="fas fa-scroll" ></i></td>
                  <td>{{projet.budget}}</td>
                  <td>      <a href="#" @click="deleteProjet(projet.id)" ><i class="fas fa-trash-alt"></i></a>

Shahadat Hossain · Accepted Answer · 2020-03-01 11:45:42Z

1

I think you missed the router name.

try this

{path: '/detail/:id', component: detail, name: 'detail'}

answered Mar 1, 2020 at 11:45

Shahadat Hossain

97910 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Shahadat Hossain Over a year ago

then make a log of your project @anis

anis Over a year ago

project.id work he take me to other page but there is no id in the url of the new page

Shahadat Hossain Over a year ago

if projet.id not found then it will show undefined. and you will redirect to /detail/undefined page

anis Over a year ago

127.0.0.1:8000/… take me to this url

Shahadat Hossain Over a year ago

your templates not compiling, check vue instance, vue files. and see in your console log

|

mai elrefaey · Accepted Answer · 2020-03-01 13:40:06Z

0

Try this:


<router-link :to="'detail/' + projet.id" style="text-decoration:none; color:black;">

answered Mar 1, 2020 at 13:40

mai elrefaey

3921 gold badge3 silver badges10 bronze badges

Collectives™ on Stack Overflow

Passing params in router vue

2 Answers 2

6 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Related