모든 tr을 내 테이블의 라우터 링크로 사용하고 싶지만 tr 전에 이것을 추가하면 테이블의 모든 CSS가 사라지고 내 뷰가 나빠 보입니다. 더 잘 할 수있는 가능성이 있습니까?
<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>
<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>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다