Question

我有两个对象/模型：

export class AObject {
  public anumber: string;
}


export class BObject {
  public aObject: AObject[];
}

在我的模板中，我想遍历AObject[]的数组，并为它们的每个输出属性anumber的值。我已经尝试了以下操作，但是没有用：

           <div class="fields fields-flex">
              <div class="field">
                <label>{{ $t('myLabel.aLabel') }}</label>
                <span v-for="(aObject) in aObjects" 
                  :key="aObject.number"> 
                  {{bObject.aObjects.number}}"</span>
              </div>
            </div>

可以帮忙吗？

谢谢！

Answer 1

如果将aObject[]作为数组，则循环应类似于

<span v-for="aObjectInstance in aObject" 
 :key="aObjectInstance.anumber"> 
</span>

aObject是数组的名称，因此aObject应该在in之后。

此外，您应该拥有v-for来遍历所有BObject.aObject，您不能像{{bObject.aObjects.number}}"那样引用它，因为您在{{上没有aObjects 1}}，但BObject *。

所以应该看起来像这样：

aObject

我希望这会有所帮助。

使用v-for遍历对象数组以输出特定字段的值

1 个答案: