vue.js - 如何使用 v-for 在 vuejs 中显示前 6 个项目

Question

我有对象，什么有 17 项。

.div(v-for='item in section')

但是我只需要在第一个区块中展示 6 个项目，然后在第二个区块中展示另一个。我怎么能这样做？

标签： vue.js

Answer 1

最好的方法是使用计算属性：

computed: {

    showFirstSix: function()
        { 
           return this.section.slice(0,6)
           }
   }

然后遍历它

 .div(v-for='item in showFirstSix')