在 Vuejs 模板中显示数据在一个单元格中显示多个数据

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

“通知”不是有效对象。首先验证对象，然后像下面这样迭代：

<div v-for="notification in Object.keys(notifications)">
   {{ notifications[notification] }}
</div>

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