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

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

浏览：134日期：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网络端口映射，没有方便点的操作方法么？2. docker api 开发的端口怎么获取？3. docker容器呢SSH为什么连不通呢？4. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题5. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？6. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~7. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”，但缺少“Secure”属性，此 Cookie 未来将被拒绝。”请问出现这个问题怎么办？8. Hbuilder中的phpMyAdmin访问题9. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？10. docker gitlab 如何git clone？
排行榜
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
1. docker容器呢SSH为什么连不通呢？
2. docker api 开发的端口怎么获取？
3. docker网络端口映射，没有方便点的操作方法么？
4. docker gitlab 如何git clone？
5. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”，但缺少“Secure”属性，此 Cookie 未来将被拒绝。”请问出现这个问题怎么办？
6. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
7. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
8. Hbuilder中的phpMyAdmin访问题
9. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
10. 微信开放平台 - ios APP能不能打开微信然后通过微信跳转到指定的URL？
热门标签