javascript - 在VueJS中使用Advance Join()

我想加入这个数据库结构

list : [
 {
  Qte : 5,
  Detail : 'A',
 },
 {
  Qte : 1,
  Detail : 'B',
 },
],

变成这样的字符串：

This.mydetail = '5 x A , 1 x B';

我试图在vuejs中使用该代码加入我的表

{{ list.join(' , ') }}

但这在我的情况下不起作用，请定向吗？谢谢 。

最佳答案

list.map(({Qte, Detail}) => `${Qte} x ${Detail}`).join(', ');

此maps上方列表和destructures每个列表项分别进入Qte和Detail，最后使用template literal创建如下字符串数组：

[ '5 x A', '1 x B' ]

然后，简单的join返回最终输出：

'5 x A, 1 x B'

关于javascript - 在VueJS中使用Advance Join()，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57701115/