关于vue.js中发现的一个小问题

最近使用了vuejs做项目开发,中间发现一个小问题,让我抓狂了2天。

vuejs中使用了下拉列表框的选项和默认绑定值。

                      <select v-model="trader.INDUSTRYID">
                      <option v-for="item in HYDictList"  v-bind:value="item.DICCODE">{{item.DICNAME}}</option>
                    </select>
v-model是默认绑定值 | option中用循环绑定选项
问题如下:
trader在读取AJAX数据中,其中多个下拉列表框的数值随即丢失,出现Undefiend,每次刷新出现Undefiend的字段都不一样

解决:
trader对象在绑定默认值时,如果下拉列表框的option数据没有加载出来,会将trader对象中字段的默认数值改成Undefiend。所以必须要保证下拉列表框的值加载完成后,才能进行默认值绑定。


posted @ 2017-03-29 08:58  懒惰的勺子  阅读(146)  评论(0编辑  收藏  举报