Question

您好我想要显示我拥有的所有阵列在这个例子中，我只能显示第一行，因为[0] 我想要显示所有

<div class="description" v-for="item in sitePartVoice[0].part_attributes">
<small><strong>{{item.x_name}}</strong> {{item.x_value}}</small>
</div>

我试过这个

<div v-for="item in items">
 <div class="description" v-for="item in sitePartVoice.part_attributes">
    <small><strong>{{item.x_name}}</strong> {{item.x_value}}</small>
    </div>
</div>

没有成功感谢

Answer 1

它应该像

<div v-for="siteParts in sitePartVoice">
 <div class="description" v-for="item in siteParts.part_attributes">
    <small><strong>{{item.x_name}}</strong> {{item.x_value}}</small>
    </div>
</div>

Answer 2

假设你有这种数据：

    data: () => ({
      sitePartVoice: [
        { 
            part_attributes: [
                {
                    prop1: 'value1'
                }
            ] 
        },
        { 
            part_attributes: [
                {
                    prop1: 'value1'
                }
            ] 
        }
      ]
    })

然后循环每个sitePartVoice并在其中循环part_attributes：

        <div v-for="item in sitePartVoice">
            <div class="description" v-for="i in item.part_attributes">
                <small>{{i.prop1}}</small>
            </div>
        </div>

V-for vue.js数据

2 个答案: