最近使用了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。所以必须要保证下拉列表框的值加载完成后,才能进行默认值绑定。