您的位置：首页技术文章
文章详情页

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

浏览：146日期：2023-03-19 18:09:01

问题描述

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

<ul> <li v-for='i in data' v-text='i'></li></ul>data: [’a’,’b’,’c’,’d’]

问题解答

回答1：

<ul> <li v-for='(i, index) in data' v-if='index < 2' v-text='i'></li></ul>回答2：

<ul>

<li v-for='i in data.slice(0, 2)' v-text='i'></li>

</ul>

标签： JavaScript
上一条：javascript - 如何获取数组下标为偶数的下标所对应的数组内的值下一条：javascript - vue单页面应用怎么把样式抽取到一个独立文件？
相关文章：
1. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. docker api 开发的端口怎么获取？3. docker镜像push报错4. PHP中的$this代表当前的类还是方法？5. macos - mac下docker如何设置代理6. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放8. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~9. sublime-text - sublime text 3中编译python（sublimeREPL），如何仅运行单行/选定部分10. android glide asbitmap 在baseadpter中的问题
排行榜
docker镜像push报错
docker镜像push报错
1. docker api 开发的端口怎么获取？
2. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
3. android glide asbitmap 在baseadpter中的问题
4. java - 为什么第一个线程已经释放了锁，第二个线程却不行？
5. docker网络端口映射，没有方便点的操作方法么？
6. sublime-text - sublime text 3中编译python（sublimeREPL），如何仅运行单行/选定部分
7. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
8. 老师，flex-shrink: 1; 按视频操作，不会自动缩放
9. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
10. 如何解决docker宿主机无法访问容器中的服务？
热门标签