数组显示超出三个隐藏

小前端

于 2024-02-01 14:37:13 发布

阅读量124

点赞数 3

文章标签： linux 服务器运维

本文链接：https://blog.csdn.net/weixin_45041493/article/details/135973477

版权

假设数组对象的数据格式为：

resArr=[
  {
    "id": "1",
    "Name": "猪八戒",
  },
   {
    "id": "2",
    "Name": "孙悟空",
  },
   {
    "id": "3",
    "Name": "白骨精",
  },
    {
    "id": "4",
    "Name": "沙僧",
  },
]

页面应用

<div v-for='(item,index ) in resArr' :key='index>
	<text v-if='index<3'>{{item.Name}}</text>
</div>
<div v-if='resArr.length>3'>
	<text >...</text>
</div>