解决vue动态下拉菜单有数据未反应的问题
问题出现在当时后台数据会返回到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",jsp和vue开发的优缺点
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);
}
});
}
补充知识:vue+elementUI导航中,点击body⼦菜单收缩的问题
项⽬中⽤到了vue+elementUI,发现点击body导航⼦菜单会收缩的问题
原因:是elementUI版本的问题,发现我使⽤的是2.4.11版本,卸载重新安装2.4.9版本就可以了
安装命令:
cnpm uninstall element-ui//卸载
cnpm install element-ui@2.4.9 --save
以上这篇解决vue动态下拉菜单有数据未反应的问题就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论