Question

我有3个嵌套的for循环，这些循环遍历对象属性中的对象数组，并且这些数组项具有自己的属性。

props = currentCell.attributes.attrs.properties

我可以使用materialProp来显示数据，但是要进行分配，我必须将其执行到currentCell对象，因为如果我将其分配给materialProp，则它不会保存。（它使用另一个库来绘制图形，并且必须将值保存到单元格中。）

每当我尝试显示{{ currentCell.attributes.attrs.properties[key1][index][key] }或{{ currentCell.attributes.attrs.properties[key1][index] }}时，它就会完成工作并循环正常，但是只要我调用将一个以上项目推入数组{{ currentCell.attributes.attrs.properties[key1][index] }}的函数，就不会呈现附加条件元素只有在{{ key1 }}和{{ index }}之前存在的元素才能很好地呈现并在dom中创建。

<div v-for="(prop, key1) in props" v-if="key1 === 'ingredients' || key1 === 'components'">
         <div v-for="(material, index) in prop">
                    <div v-for="(materialProp, key) in material" class="form-group row">

                        {{ currentCell.attributes.attrs.properties[key1][index][key] }} // this one is displayed only as many times as there were items in the initial array and doesn't respond to push 
                        {{ key1 }} // this is rendered fine as many times as you push 
                        {{ index }} // this is rendered fine as many times as you push 

                    </div>
                  </div>
</div>

尝试通过v-for循环中的索引访问时，未定义其他推送项

0 个答案: