在vuejs中访问数组内部的数组值

Posted 2023-02-22

技术标签:

【中文标题】在vuejs中访问数组内部的数组值【英文标题】：Accessing value of array inside of array in vuejs 【发布时间】：2021-12-23 13:28:08 【问题描述】：

我目前正在学习 Vue3。我正在尝试访问数组中的数组值以制作一个漂亮的表。然后，这些值将用逗号分隔。

这是链接：https://stackblitz.com/edit/vue-chdcrt?

预期输出：

名称 |电子邮件 |社交媒体

内存 |拉姆@gmail.com |微博、领英

【问题讨论】：

【参考方案1】：

您可以使用array.join(character to split with) 将社交媒体数组转换为字符串列表。在这种情况下，它会是

<td> info.socialMedia.join(', ') </td>

Project link

【讨论】：

【参考方案2】：

要完成你的目标，你应该使用Array.join()method。另外，我强烈建议您在查找内置方法时使用MDN。

在你的情况下，它看起来像：<td> info.socialMedia.join(', ') </td>

【讨论】：

【参考方案3】：

您可以在此处使用 join 到 join 字符串数组：

live DEMO

<td> info.socialMedia.join(", ") </td>

【讨论】：

以上是关于在vuejs中访问数组内部的数组值的主要内容，如果未能解决你的问题，请参考以下文章