在Vue.js中显示数据在一个单元格中模板多数据

Question

嗨，如何在vuejs中显示这些数据

我正试图在一个变量中显示此数据集合？

我尝试了notification.data.user_id，但未显示任何内容。

<div v-for="notification in notifications" v-bind:key="notification.id">
  {{ notification.data.user_id }}
</div>

notifications: {
  0: object {
    data: "{\"user_id\":44,\"body\":\"Thank you for registering your shop   'Alexis Corbi23' in our site!\",\"actionURL\":\"http:\\/\\/127.0.0.1:8000\\/shop\\/dashboard\"}"
  }
}

Answer 1

“通知”不是有效的对象。首先验证对象，然后如下进行迭代：

TextInputControl

还有一件事，“通知”对象中的“数据”是一个字符串。因此，您不能通过点表示法访问“ user_id”键。 检查此fiddle以获得更多说明。