Vue探险记:使用v-model传递数组
2017-09-18 本文已影响0人
易寒萧
前几天,小坑在开发中遇到了一个问题:需要使用Vue传递一个数组,供后台查询。在这之前,小坑对v-model的使用已经有了一定的心得,于是十分自信的编写了如下的代码:
这是一个搞笑的树形选择框,在data中我将hosNames定义成了数组为了查看能否成功传递数组,我直接在页面上点选了所有的选项,然后满怀憧憬地打上了断点,点击查询,然鹅,,,
为什么只传了一个医院id啊喂!在这种写法下,页面只会将先改变状态的元素对应的id记录下来并传递,并不会将所有选中状态的元素对应的id以数组方式传递到后台。
正当我纠结于此一点时,我们组的大佬过来跟我说了句:你用对象传啊,用数组干什么。我顿时像抓住了救命稻草一般,把树形选择框对应的参数名作了如下修改:
在新的写法中,我将id数组统一放入了名为data的对象中大佬不愧是大佬,这次终于传对了,哦耶~\(^o^)/~
参数中包含了对象data中的所有元素果然程序猿还是要靠对象啊!(为什么定义数组时传值失败,这点俺还没想通,望各路大佬解答,蟹蟹!)