VueJS day9

v-for문 역순

v-for문 역순

list를 뽑아야하거나 할 때우리는list를 최신 순으로 출력하고 싶었지만 list가 들어간 순서대로 출력되어져 나오는 것을 볼 수 있었을 것이다.

v-for을 역순으로 출력하고자 할 때 어떻게 할까?

<tr v-for="dto in itemList.slice().reverse()">
...
<tr>

반복할 데이터명 뒤에 .slice().reverse()를 붙여 주면 간단하게 해결가능하다.

<tbody id="itemList">
    <tr v-for="dto in itemList.slice().reverse()">
        <td></td>
        <td>
            <a :href=`/pages/admin/qna_view/${dto.qnaIndex}`></a></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</tbody>