Laravel Vue Routing

Question

我希望所有的tr都作爲我的表中的路由器鏈接，但是當我在tr之前添加此內容時，表中的每個css消失並且我的View看起來很糟糕。是否有可能做得更好？

<table v-if="seenOrders" id="ordersTable" class="table"> 
     <tr> 
      <th>Numer zamówienia</th> 
      <th>Imię</th> 
      <th>Telefon</th> 
      <th>Email</th> 
      <th>Status</th> 
      <th>Data zamówienia</th> 
     </tr> 

     <router-link to="/orderDetail" class="order-row" > 
     <tr v-for="order in orders" v-on:click="details(order.id)"> 
      <td>{{order.number}}</td> 
      <td>{{order.client_name}}</td> 
      <td>{{order.phone}}</td> 
      <td>{{order.email}}</td> 
      <td>{{order.actual_status}}</td> 
      <td>{{order.order_date}}</td> 
     </tr> 
     </router-link> 
    </table> 

Answer 1

<router-limk>將默認呈現爲<a>元件。如果你想改變如何<router-link>應該呈現使用tag道具（在你的情況<tr>）

<router-link to="/orderDetail" tag="tr" class="order-row" > 

所以，你的代碼應該是

<table v-if="seenOrders" id="ordersTable" class="table"> 
    <tr> 
     <th>Numer zamówienia</th> 
     <th>Imię</th> 
     <th>Telefon</th> 
     <th>Email</th> 
     <th>Status</th> 
     <th>Data zamówienia</th> 
    </tr> 

    <router-link to="/orderDetail" v-for="order in orders" tag="tr" class="order-row" > 
     <td>{{order.number}}</td> 
     <td>{{order.client_name}}</td> 
     <td>{{order.phone}}</td> 
     <td>{{order.email}}</td> 
     <td>{{order.actual_status}}</td> 
     <td>{{order.order_date}}</td> 
    </router-link> 
</table> 

的 <router-link>

見標籤部分