Accessing value of array inside of array in vuejs

Question

I am currently learning Vue3. I am trying to access the values of the array inside an array to make a nice table. Then, those values will be separated by a comma.

Here is the link: https://stackblitz.com/edit/vue-chdcrt?

Expected output:

name | email | socialMedia

Ram | [email protected] | Weibo, Linkedln

Ameer · Accepted Answer · 2021-11-11 00:54:52Z

1

You can just use array.join(character to split with) to convert the array of social medias into a string list. In this case it would be

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

Project link

edited Nov 11, 2021 at 0:54

answered Nov 11, 2021 at 0:45

Ameer

2,0002 gold badges15 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrii Antoniuk · Accepted Answer · 2021-11-11 00:53:00Z

1

to complete your goals you should use Array.join() method. Also, I strongly recommend you use MDN when looking for built-in methods.

In your case it will be look like:
<td>{{ info.socialMedia.join(', ') }}</td>

answered Nov 11, 2021 at 0:53

Andrii Antoniuk

851 silver badge9 bronze badges

Comments

DecPK · Accepted Answer · 2021-11-11 00:48:38Z

0

You can use join here to join array of strings as:

live DEMO

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

answered Nov 11, 2021 at 0:48

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

Collectives™ on Stack Overflow

Accessing value of array inside of array in vuejs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related