如何在v-for

Question

如何开始v-for循环

示例给出的数组：

array = [dog,cat,e,f,g];

我想使用v-for循环，它将开始循环并获取前3个值。

谢谢。

Answer 1

尝试添加v-if语句，以检查元素的索引是否小于3。

Answer 2

您可以使用返回数组的前3个元素的计算属性。

new Vue({
  el: "#app",
  template: '<ul><li v-for="item of subArray">{{ item }}</li></ul>',
  data: {
    array: ["one", "two", "three", "four", "five"]
  },
  computed: {
    subArray(){ return this.array.slice(0,3) }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app"></div>