vue.js (vue.js)vue 列表渲染中限制条数（借鉴）

问题：vue.js (vue.js)vue 列表渲染中限制条数描述:怎么限制只渲染2条数据呢？<ul><li v-for="i in list" v-text="i"></li></ul>list: ['a','b','c','d']解决方案1:

小破孩呦

8053人浏览 · 2018-04-23 10:38:07

小破孩呦 · 2018-04-23 10:38:07 发布

问题： vue.js (vue.js)vue 列表渲染中限制条数
描述:

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

<ul>
    <li v-for="i in list" v-text="i"></li>
</ul>

list: ['a','b','c','d']

解决方案1:

<ul>

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

</ul>

解决方案2:

<ul>
    <li v-for="(i, index) in list" v-if="index < 2" v-text="i"></li>
</ul>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^