Arrays Vue.js v-用于数组或对象中的每个对象文本

我想列出包含对象的数组中的文本。我似乎无法解决这个问题，我可以接近

比如说

<template>
  <div>
    <ul>
      <li v-for="(value, index) in otherclients" v-bind:key="index">
        DATA = {{ value.doc.notes }}
      </li>
    </ul>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'Viewer',
  computed: mapState({
    otherclients: state => state.otherclients
  })
}
</script>

<style lang="css" scoped></style>

数据={value.doc.notes}


从“vuex”导入{mapState}
导出默认值{
名称：“查看器”，
计算：mapState({
其他客户端：state=>state.otherclients
})
}

将输出

• 数据=[{“id”：“w5fpn80fnnf5nxdj9f1n1i”，“文本”：“欢迎新用户” 设备mydoc_android，“所有者”：“您”，“已删除”：false}，{“id”： “w5fpn80fnnf5nxdj9f1wwwn1i”，“文本”：“安卓2”，“所有者”：“您”， “已删除”：false}]
• 数据=[{“id”：“c1ds7zqd7tcgig0b1xs1q”，“文本”：“欢迎新设备mydoc_ios”，“所有者”：“您”，“删除”：false}，{“id”： “nf5nxdj9f1dwwen1iw5fpn80fn”，“文本”：“更多文本”，“所有者”：“您”， “已删除”：false}]

但我想要的是

• 欢迎新设备mydoc_android
• 安卓2
• 欢迎使用新设备mydoc\u ios
• 更多文本

但我似乎无法找到进入最后一层的最佳方式。

---

任何指示都已通知。这是一个更大项目的一部分，因此结构是为state.otherclients设置的，而且非常复杂。

使用嵌套的

for

循环和

模板

标记

<template>
  <div>
    <ul>
      <template v-for="(value, index) in otherclients">
         <li v-for="(note, note_index) in value.doc.notes">{{note.text}}</li>
      </template>
    </ul>
  </div>
</template>

{{note.text}

您可以这样做吗

DATA={{value.doc.notes[0].text}}DATA={{{value.doc.notes[1].text}}

谢谢，我尝试了这个，但是1没有定义。下面的答案有效。只是快速添加？需要v-bind:key指令和note_索引？为什么还要在模板中嵌套模板？正如我说的，根据我们的使用，可以在

模板中使用
模板
。我们使用
模板
来处理循环/显示条件。模板中不支持I remove
v-bind
。甚至
note\u index
也不用于维护代码语法。