vue项目中下拉菜单栏无反应怎么解决

发布时间：2020-11-09 16:38:24 阅读：853 作者：Leah 栏目：开发技术

Vue开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇文章运用简单易懂的例子给大家介绍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>

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);
  }
 });
 }

补充知识：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项目中下拉菜单栏无反应怎么解决就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

vue项目中下拉菜单栏无反应怎么解决

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签