vue.js - vue 遍历对象 但是只用对象的前两个属性该怎么办

问题描述

问 题

不绝对, 假如只用到数据的前10个, 改怎么办, 如何控制渲染的个数, 不是一下全部渲染出来
js:

template:

错误:

解决方案

<template lang="pug">
ul
  li(v-for="(item, index) in [...list].splice(0, 2)") {{ item }}
</template>

<script>
export default {
  data() {
    return {
      list: [1, 2, 3, 4, 5],
    }
  },
}
</script>

这篇关于vue.js - vue 遍历对象 但是只用对象的前两个属性该怎么办的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！