在路由器vue中传递参数

Question

我遇到了问题。我无法让它工作。

我有一个名为 Projet 的组件。在其中，我有这段代码：

我想当我点击项目时它会带我到另一个详细信息页面 但什么也没发生：

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

这是我组件中的代码

        <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>

Answer 1

试试这个：

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

Answer 2

我想你错过了路由器名称。

试试这个

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