我目前正在學習Vue3。我正在嘗試訪問陣列中陣列的值以制作一個漂亮的表格。然后,這些值將用逗號分隔。
這是鏈接:https : //stackblitz.com/edit/vue-chdcrt?
預期輸出:
姓名 | 電子郵件 | 社交媒體
拉姆 | [email protected] | 微博、領英
uj5u.com熱心網友回復:
您可以使用array.join(character to split with)將社交媒體陣列轉換為字串串列。在這種情況下,它將是
<td>{{ info.socialMedia.join(', ') }}</td>
專案鏈接
uj5u.com熱心網友回復:
您可以在此處使用連接到join字串陣列:
live DEMO
<td>{{ info.socialMedia.join(", ") }}</td>
uj5u.com熱心網友回復:
要完成你的目標,你應該使用 Array.join() 方法。此外,我強烈建議您在尋找內置方法時使用MDN。
在您的情況下,它將如下所示:
<td>{{ info.socialMedia.join(', ') }}</td>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/355552.html
標籤:javascript 数组 json Vue.js
上一篇:如何將控制臺添加到客戶端頁面
