最近写项目遍历数组内对象的时候含有数组,那么如何拿到数组中对象的值呢?
我们来看一下:

items: [
        {
          id: 1,
          name: "实力档口",
          shop: [
            { name: "小丫头服饰" },
            { name: "jds" },
            { name: "ncn" },
            { name: "小丫头服饰" },
            { name: "小丫头服饰" },
            { name: "小丫头服饰" },
            { name: "小丫头服饰" }
          ]
        }
      ]
    };

数据大概就是这个样子的,我们先遍历items拿到值,然后遍历shop的值拿到我们需要的值。

<div v-for="(item, key) in items" :key="key">
          <div class="classify">
            <div>
              <p>{{item.name}}</p>
            </div>
              <div v-for="(text,index) in item.shop" :key="index">
                <span>{{text.name}}</span>    
              </div>
          
          </div>
        </div>

这样我们就能取到对象的值了。

Logo

前往低代码交流专区

更多推荐