vue項目中下拉菜單欄無反應(yīng)怎么解決

發(fā)布時間：2020-11-09 16:38:24 來源：億速云閱讀：828 作者：Leah 欄目：開發(fā)技術(shù)

這篇文章運用簡單易懂的例子給大家介紹vue項目中下拉菜單欄無反應(yīng)怎么解決，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

問題出現(xiàn)在當(dāng)時后臺數(shù)據(jù)會返回到data中但是沒有出現(xiàn)下拉菜單，查詢資料發(fā)現(xiàn) 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 經(jīng)過查詢資料this指向的事new Vue
 var self=this; 
 $.ajax({
  type : "post",
  url : basePath + "/cultmanage/seachCult.do",
  dataType : 'json',
  data : {
  plantModelParentId : a,
  },
  success : function(data) {
  //會返回后臺的值 但是沒出現(xiàn)下拉框 
  //console.log(JSON.stringify(data));
  self.selectlist = data;
  },
  error : function(data, type, err) {
  alert("錯誤類型：" + type + "; 錯誤信息：" + err);
  }
 });
 }

補充知識：vue+elementUI導(dǎo)航中，點擊body子菜單收縮的問題

項目中用到了vue+elementUI,發(fā)現(xiàn)點擊body導(dǎo)航子菜單會收縮的問題

原因：是elementUI版本的問題，發(fā)現(xiàn)我使用的是2.4.11版本，卸載重新安裝2.4.9版本就可以了

安裝命令：

cnpm uninstall element-ui//卸載
cnpm install element-ui@2.4.9 --save

關(guān)于vue項目中下拉菜單欄無反應(yīng)怎么解決就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

vue項目中下拉菜單欄無反應(yīng)怎么解決

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽