好资源导航 » 文章资讯 » Vue 通过公共字段,拼接两个对象数组的实例

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

2023-08-09 17:41:07 96

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

直接上代码。

1.HTML部分




工资查询

2.js部分

newVue({
el:'#index',
data:{
salary:[//工资列表
{
wage1:1001.1,
},
{
wage2:30.3,
},
{
wage3:200,
}
],
salaryCols:[//工资项列表
{
name:"工资",
value:"wage1"
},{
name:"奖金",
value:"wage2"
},{
name:"mate金",
value:"wage3"
}
]
},

mounted(){
this.jointData();
console.log(this.salaryCols);
},
methods:{
//将工资拼接到工资项中农
jointData(){
varcolLength=this.salaryCols.length;//工资项长度
varsalaryLength=this.salary.length;//工资长度
//先遍历工资项
for(vari=0;i
3.效果

以上这篇Vue通过公共字段,拼接两个对象数组的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐