vue对象拼接_Vue 通过公共字段,拼接两个对象数组的实例

前端需要展示两个字段，工资项与工资值。因为后台数据原因，后端是将这两个数据分开返回，这边我需要将这两个数组拼接到一个数据。

直接上代码。

1.HTML部分

工资查询

:data="salaryCols"

max-height="450">

prop="name"

align="center"

label="工资项:">

prop="amount"

align="center"

label="金额(￥):">

2. js部分

new Vue({

el: '#index',

data: {

salary: [ //工资列表

{

wage1: 1001.1,

},

{

wage2: 30.3,

},

{

wage3: 200,

}

],

salaryCols:[ //工资项列表

{

name:"工资",

value:"wage1"

},{

name:"奖金",

value