vue中v-for渲染，超过两条只显示两条呢？

Question

    <ul class="reply">
        <li class="content" v-for="item in replyList">
          <span class="reply-name">{{item.nickname}}：</span>
          {{item.message}}
        </li>
    </ul>

如何判断数组超过两条，只显示前两条呢？

Answer 1

<ul class="reply">
        <li class="content" v-for="item in replyList.slice(0,2)">
          <span class="reply-name">{{item.nickname}}：</span>
          {{item.message}}
        </li>
    </ul>

Answer 2

v-for="(item, index) in replyList" v-if="index < 2"

Answer 3

v-for="(item, index) in replyList.slice(0,2)"