使用 v-for 在 vue js 3 中渲染非常复杂的 object

Question

我从字典 API 中得到了一个非常复杂的 object，所以我对如何在 vue js 中使用 v-for 渲染它感到非常困惑。 下面是 object

我的目标很简单，在 vue js 中使用 v-for 在 object 中以各种含义呈现每个定义。 object 结构如下

1. 数据 -> 含义 -> 定义 -> 定义（多个定义）

如果您有任何提示或建议，请在评论中告诉我

对不起我听不懂的英语

先感谢您

Answer 1

您应该转换您的数组，而不是尝试按原样渲染它。

function transformResponse(response) {
   return response.values().map((item) => {
      return {
          "definitions": item["definitions"].values(),
          "partOfSpeech": item["parOfSpeech"],
          ...
      }
   })
}

这样您就不会被复杂的模板渲染所淹没