文章详情页
javascript - vue 列表渲染 中限制条数
浏览：64日期：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
相关文章：
1. html - 移动端radio无法选中2. javascript - webpack打包后的bundlejs文件代码不知道什么意思.3. javascript - 使用echarts做一个横向的柱状图，但是数据超出坐标轴范围了怎么办？4. 正则表达式 - python pandas的sep参数问题5. javascript - Element UI表格错行6. mysql - 这条联合sql语句哪里错了7. javascript - es6模块加载export的输出值有点没太搞明白8. javascript - 在静态页面上用load 引入的页面文件问题？9. javascript - vue-resource如何终止之前的ajax请求？10. css - 移动端 line-height安卓错位,苹果机正常用,缩放解决了,可是又出来了占位的问题
排行榜
网公网安备