vue 只渲染数组的第一条数据

Question

怎样才能只取数组中的第一条数据

Answer 1

两种思路一种提前数据处理遍历数组长度为1；在data中定义list=[];js中this.list.push(result.imgs[0]);然后v-for处改为 v-for="(img,index) in list"; 
第二种思路直接在遍历的时候限制就行上边遍历的代码改为<img v-if="index<1" :src="..." />
不过数据量多的时候，第一种性能比较好

Answer 2

直接result.imgs[0]不可以吗

Answer 3

使用slice生成新的数组，然后v-for新数组：

<div class="list_img_holder_large" v-for="(img, index) in result.imgs.slice(0,1)">

    <img :src="">

</div>