科技资讯网站开发/企业seo排名外包

    今天碰到这个问题是真的头疼，本来要传递的是data.objs[0].key = 1这样的一个内容，结果传到后台时被解析成了data.objs[0][key] = 1。查了一下，发现是SpringMVC不知道怎么封装对象中的数组对象导致的，所以需要自己在前端传值回来之前手动封装一下。

    封装方法如下：（其中，data是你要从前端传递到后端的对象，里面可能包含属性，数组，对象数组等等；objs为data中的对象数组；key1为对象数组中的一个属性；key2为对象数组中的另一个属性）

    Vue的方法中：

for (let i=0; i<objs.length; i++) {data['objs[' + i + '].key1'] = objs[i].key1data['objs[' + i + '].key2'] = objs[i].key2
}

    Controller中接收：

@RequestMapping("/insert")
public void insert(Data data) {}

    Bean中：

/*Data.class*/
public class Data {private String prop1;private String prop2;private List<Obj> objs;get...set...
}/*Obj.class*/
public class Obj {private String key1;private String key2;get...set...
}

    参考文章：https://blog.csdn.net/freeniuniu/article/details/78806508

-------------------------------------------------------------------------------分割线---------------------------------------------------------------------------------

    你以为到这里就结束了，我也没想到这个事情竟然还有后续。

    我这样处理新增的操作确实是可以了，但是在执行修改的操作的时候又出现了同样的错误，明明我用的是同样的代码。这个事情卡了我一晚上，后来想想我把新增和修改的数据分别打印出来，看看有什么不一样。

    此时我们会发现在新增的时候，choices是undefined的，而在编辑的时候choices是有数据的，这就会导致在编辑的时候，SpringMVC会去解析自动封装的choices而忽略了我们手动封装choices，最后导致的报错。所以我们在手动封装之前，还需要把choices设为undefined，问题解决。

    第一次碰到这个问题还真的挺上火的。