Question

我想根据用户输入从数组中随机选择特定数量的项目。数组就像：

arr: [
1.png, 2.png, 3.png, ..., 100.png
]

当用户单击“生成”按钮时，我有一种用于对数组进行改组的方法。但是，我不知道如何使用v-for控制物品的数量。如果我做<img v-for="n in arr" :key="n" :src="/static/images/${n}.png">，我将得到整个数组。

Answer 1

您可以通过使用Vue.js加以利用，因此可以如下定义一个名为computed的{{1}}属性：

subArray

在您的模板中：

       data(){
       return{
        ... 
       userInputValue:this.arr.length //by default get all the array, this property 
        }                              // is bound to input, it can be changed 
       }
      computed:{
         ...
         subArray(){
             return this.arr.splice(0,this.userInputValue);
          }
       }

注意：不要将逻辑放在模板中，这不是一个好习惯，因此请将其保存在脚本中

如何使用v-for从数组中随机拾取特定数量的项目？

1 个答案: