ajax返回一个对象数组,对通过ajax返回的对象数组追加input并提交

问题描述:

ajax返回一个对象数组,页面内通过v-for输出,但是每个循环元素内要添加一个input输入框

提交时候,需要连同input值一起提交

初期思路

步骤:

1.直接对ajax返回的json对象数组通过for循环追加属性,

2.data变量在渲染以后结构发生变化,如何取值

解决方法:

1.ajax返回的结果先赋值给临时变量temp

2.通过for循环给temp数组内的对象添加新属性result

3.把temp赋值给projectList

表单提交时候:

通过 document.querySelectorAll(“.rusult_input”);获取到追加input的值,通过for再循环赋值

尝试改进:

1.用map函数处理数据

data.map(function(item){

item.show = false;

});

2.数据在created钩子中请求及追加

用map函数追加属性

getinfoList(){

this.$ajax.get('/service/check/15/LABS_CHECK?pageSize=1000')

.then((res)=>{

this.infoList=res.data.body.list;

this.infoList.map(function(item){

if(item.checkResult.length>0){

item.uploadTypeText=true; //条件判断追加属性

item.uploadTypeImg=false; //条件判断追加属性

};

if(item.images.length>0){

item.uploadTypeText=false;

item.uploadTypeImg=true;

};

});

console.log(this.infoList);

})

.catch(function (error) {});

}

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值