Javascript NuxtJS（Vue）中的循环输出错误的数据

我有以下数据：

export const myData = [
{
    id: 1,
    lang: "it",
    items: [
        {
            id: 1,
            title: "IT Page1",
        },
        {
            id: 2,
            title: "IT Page2",
        },
        {
            id: 3,
            title: "IT Page3",
        }
    ]
},
{
    id: 2,
    lang: "en",
    items: [
        {
            id: 1,
            title: "EN Page1",
        },
        {
            id: 2,
            title: "EN Page2",
        },
        {
            id: 3,
            title: "EN Page3",
        }
    ]
}
]

我的循环执行以下操作：

{{item.items[i].title}

和仅输出：

IT Page1
EN Page2

---

但是（上面的循环）应该输出两种语言的所有数据，对吗？另外，我如何选择语言（静态或动态）？

您应该使用

v-if

进行两个循环并有条件地呈现所选语言：

<div v-for="(item, i) in myData" :key="i">
 <template v-if="item.lang==='it'"> 
  <ul v-for="(subItem, j) in item.items" :key="j">
     <li>{{ subItem.title }}</li>
  </ul>
</template>
</div>

{{subItem.title}}

不客气，选择语言是什么意思？@mam code highlight？通常您可以尝试“3个反勾号”和+

html

或

js

。如果您想编辑并检查如何实现它，我已经编辑了您的初始问题。@Boussadjra Brahim，我的意思是如果lang==“it”只显示该语言的项目。@kissu谢谢突出显示。@mambra754检查我编辑的答案，您也可以像