初始化数据操作错误,vue数据绑定不了数据

今天帮一位求助的小伙伴解决了一个这样的小问题,新手对于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,就是我以上的这种用一个数组赖初始化数据,造成数据不一,造成的绑定不了数据



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值