Vue获取数据后只渲染前几条数据
可以使用两种方式:1、使用.slice(0, 4),展示四条数据<ul><li v-for="(item,index) in authenticationList.slice(0,4)" :key="index">{{ item.message }}</li></ul>2、取得数组的索引,使用v-if 或 v-show根据index判断四条之后的数据
·
可以使用两种方式:
1、使用 .slice(0, 4),展示四条数据
<ul>
<li v-for="(item,index) in list.slice(0, 4)" :key="index">
{{ item.message }}
</li>
</ul>
2、取得数组的索引,使用 v-if 或 v-show 根据index判断四条之后的数据都不显示
<ul>
<li v-for="(item, index) in list" v-if='index < 4' :key="index">
{{ index }} - {{ item.message }}
</li>
</ul>
即可
更多推荐
已为社区贡献4条内容
所有评论(0)