1. 程式人生 > >vue.js (vue.js)vue 列表渲染 中限制條數(借鑑)

vue.js (vue.js)vue 列表渲染 中限制條數(借鑑)

問題:vue.js (vue.js)vue 列表渲染 中限制條數
描述:

怎麼限制只渲染2條資料呢?

<ul>
    <li v-for="i in list" v-text="i"></li>
</ul>

list: ['a','b','c','d']
解決方案1:

<ul>

<li v-for="i in list.slice(0, 2)" v-text="i"></li>

</ul>

解決方案2:
<ul>
    <li v-for="(i, index) in list" v-if="index < 2" v-text="i"></li>
</ul>