【问题标题】:Nested object in Vue.jsVue.js 中的嵌套对象
【发布时间】:2024-04-22 23:50:01
【问题描述】:

我有 json 对象,但我不知道它看起来如何,它可以嵌套。如何将此对象与嵌套对象显示为 li 元素。我试图找到,但我找不到正确的答案。

【问题讨论】:

  • i don't know how it looks - 我们也没有
  • 我想显示一个对象,但我不知道它会是什么样子,它可能只是 2 个属性或复杂的嵌套对象

标签: javascript vue.js nested vue-component


【解决方案1】:

首先是对象每次都不同还是总是相同的对象?

如果它始终是同一个嵌套对象,您可以使用console.log("my nested Object", nestedObject") 将其打印到控制台

如果它的结构每次都不同,您必须自己编写一个解析器,将其写入一个您知道对象结构的对象中,然后您可以使用 v-for 或多个嵌套的 v-for 循环简单地将其打印为 li依赖于你的对象。

【讨论】:

  • multiple nested v-for loops 有多深? 2? 3?它取决于对象吗?如何编写足够多的嵌套循环来满足所有可能的对象?
  • 取决于您的对象,为此我建议先解析并将未知的嵌套对象放入已知对象中
  • 或者把它放在一个数组中,那么对象的深度就不再重要了。
  • 你能给我一个你想要显示的对象以及你想如何显示它的例子吗?
  • 我不是 OP - 他已经批准了你的回答 - 我在考虑我自己的情况:p