Vue传递数组对象报property path is neither an array nor a List nor a Map-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_33785656/article/details/106039489

本文介绍了解决在使用SpringMVC时，从前端传递含有数组对象的数据到后台时遇到的问题。通过手动封装对象数组，确保正确解析，避免自动封装导致的错误。同时，分享了在修改操作中出现相同问题的解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天碰到这个问题是真的头疼，本来要传递的是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].key1
    data['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.youkuaiyun.com/freeniuniu/article/details/78806508

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

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

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

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

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