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">&nbsp; &nbsp; &nbsp; &nbsp; <li class="content" v-for="item in replyList.slice(0,2)">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="reply-name">{{item.nickname}}：</span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {{item.message}}&nbsp; &nbsp; &nbsp; &nbsp; </li>&nbsp; &nbsp; </ul>