今天帮一位求助的小伙伴解决了一个这样的小问题,新手对于vue还需要多学习锻炼,
他做的一个东西,数据帮定不上data用v-model显示不出他所选择的文字,
最后排查,是他使用了一个数组赖初始化数据,应该用原来的data的数据来初始化
<div class="col-xs-12 col-sm-4 col-lg-4 col-md-4">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1" style="border: none!important;">学历:<span class="caret"></span></button>
<ul class="dropdown-menu">
<li @click="zhicheng_choose(index,'education_insert')" v-for="item,index in teachLogObject.education"><a>{{item}}</a></li>
</ul>
</div>
<input type="text" class="form-control" v-model="teachLogObject.teachLog.education">
</div>
</div>
红色这一句没有帮定到
vue里面的data如下:
teachLogObject: {
selectTeachLog: [],
addTeachLog: [],
detail_teachlog_info: [],
seach_teachLog_sourseName: '',
select_course: [],
select_course_str: '',
selectScienceFunddeclare: [],
teachLog_declare_tmp: [],
teachLogDelcareinfos: [],
teachLogDelcareinfo: [],
teachLog_declare_detial: [],
teachLogIndex: '0',
teachLog: {
id: '',
hosptialId: '',
logId: '',
staffList: '',
education:'',
sourseName: '',
lessonsDate: '',
lessonsPeriod: '',
lessonsPeople: '',
lessonsSite: '',
remark: '',
creatDate: '',
},
education:['本科生','七/八年制','研究生','住院医师','主治医师','进修医师','进修技术员','其他'],
就是因为错误的使用这一句同来初始化this.teachLogObject.teachLog = []
正确应该这样来初始化:
this.teachLogObject.teachLog = {
id: '',
hosptialId: '',
logId: '',
staffList: '',
education:'',
sourseName: '',
lessonsDate: '',
lessonsPeriod: '',
lessonsPeople: '',
lessonsSite: '',
remark: '',
creatDate: '',
}
很多时候遇到的绑定不了数据,大概就是分为以下几种:
1,名字有一个字母打错了,这个看后台控制器很容易看得出来
2,就是我以上的这种用一个数组赖初始化数据,造成数据不一,造成的绑定不了数据