javascript - vue 列表渲染中限制条数

查看：133 发布时间：2017/9/5 23:12:11 vue.js javascript

本文介绍了javascript - vue 列表渲染中限制条数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

怎么限制只渲染2条数据呢？

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

data: ['a','b','c','d']

解决方案

<ul>
    <li v-for="(i, index) in data" v-if="index < 2" v-text="i"></li>
</ul>

这篇关于javascript - vue 列表渲染中限制条数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

javascript - vue 列表渲染 中限制条数