问题出现在当时后台数据会返回到data中但是没有出现下拉菜单,查询资料 发现 Vue的this理解有误

 

jsp 下拉菜单

<select name="plantModelParentId" v-model="vueObj.plantModelParentId" @change="selectChange">
		<option value=""></option>
		<option v-for="(item,index) in selectlist" :value="index"> {{item.plantModelName}}</option>
</select>

JS
new Vue({
	el : "#vueadd",
	data : {
		vueObj : {},
		selectlist : []
	},
	created : function() {
		// 判断搜索是否为父级为空
		var a = 0;
 		//var self=this.selectlist出错 原因是并未找到selectlist 经过查询资料this指向的事new Vue
		var self=this;  
		$.ajax({
			type : "post",
			url : basePath + "/cultmanage/seachCult.do",
			dataType : 'json',
			data : {
				plantModelParentId : a,
			},
			success : function(data) {
				//会返回后台的值 但是没出现下拉框  
				//console.log(JSON.stringify(data));
				self.selectlist = data;
			},
			error : function(data, type, err) {
				alert("错误类型:" + type + "; 错误信息:" + err);
			}
		});
	}

 

Logo

前往低代码交流专区

更多推荐