Javascript 将Advance Join（）用于VueJS

我想加入这个数据库结构

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}`）；

将列表和每个列表项覆盖到

Qte

和

Detail

，最后使用创建字符串数组，如：

['5xA'，'1xB']

然后，一个简单函数返回最终输出：

'5xa，1xb'

list.map（{Qte，Detail}）=>`${Qte}x${Detail}`）。连接（'，'）；

将列表和每个列表项覆盖到

Qte

和

Detail

，最后使用创建字符串数组，如：

['5xA'，'1xB']

然后，一个简单函数返回最终输出：

---

'5xa，1xb'

工作正常。非常感谢。很好。非常感谢。