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

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

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

预期输出:

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

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

【问题讨论】:

    标签: javascript arrays json vue.js


    【解决方案1】:

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

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

    Project link

    【讨论】:

      【解决方案2】:

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

      在你的情况下,它看起来像:
      &lt;td&gt;{{ info.socialMedia.join(', ') }}&lt;/td&gt;

      【讨论】:

        【解决方案3】:

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

        live DEMO

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2013-05-03
          • 2021-01-16
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2015-05-04
          • 2019-03-27
          • 1970-01-01
          相关资源
          最近更新 更多