Vue探险记:使用v-model传递数组

前几天,小坑在开发中遇到了一个问题:需要使用Vue传递一个数组,供后台查询。在这之前,小坑对v-model的使用已经有了一定的心得,于是十分自信的编写了如下的代码:

这是一个搞笑的树形选择框,在data中我将hosNames定义成了数组

为了查看能否成功传递数组,我直接在页面上点选了所有的选项,然后满怀憧憬地打上了断点,点击查询,然鹅,,,

为什么只传了一个医院id啊喂!

在这种写法下,页面只会将先改变状态的元素对应的id记录下来并传递,并不会将所有选中状态的元素对应的id以数组方式传递到后台。

正当我纠结于此一点时,我们组的大佬过来跟我说了句:你用对象传啊,用数组干什么。我顿时像抓住了救命稻草一般,把树形选择框对应的参数名作了如下修改:

在新的写法中,我将id数组统一放入了名为data的对象中

大佬不愧是大佬,这次终于传对了,哦耶~\(^o^)/~

参数中包含了对象data中的所有元素

果然程序猿还是要靠对象啊!(为什么定义数组时传值失败,这点俺还没想通,望各路大佬解答,蟹蟹!)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容