Vue.js-如何在数组中显示对象，该数组在对象内部？

Question

我正在尝试显示一组消息（对象）。消息数组在对话（主对象）内部。但是，当我按expand时，我看到数据显示在Vue开发人员工具中，但是我不知道如何在视口中显示数组。

谢谢！

Answer 1

您的<input v-model="message[0].payload">似乎不正确。在这种情况下，message不是数组，因此没有message[0]。

那是答案吗？

此外，您还在JavaScript中引用this.conversation，但还在模板代码的conversation中创建了变量v-for="conversation in conversations"。正确吗？

Answer 2

我认为您应该

...v-model="message.payload"...

还不是<span> conversation.recipientID </span>吗？