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>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM