路由器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

我认为您错过了路由器名称。

尝试一下

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

Answer 2

尝试一下：

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