快捷導(dǎo)航

解決vue動(dòng)態(tài)下拉菜單有數(shù)據(jù)未反應(yīng)的問(wèn)題

更新時(shí)間：2020年08月06日 11:43:02 作者：ArchitectDream

這篇文章主要介紹了解決vue動(dòng)態(tài)下拉菜單有數(shù)據(jù)未反應(yīng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

問(wèn)題出現(xiàn)在當(dāng)時(shí)后臺(tái)數(shù)據(jù)會(huì)返回到data中但是沒(méi)有出現(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>

JS

new Vue({
 el : "#vueadd",
 data : {
 vueObj : {},
 selectlist : []
 },
 created : function() {
 // 判斷搜索是否為父級(jí)為空
 var a = 0;
  //var self=this.selectlist出錯(cuò) 原因是并未找到selectlist 經(jīng)過(guò)查詢資料this指向的事new Vue
 var self=this; 
 $.ajax({
  type : "post",
  url : basePath + "/cultmanage/seachCult.do",
  dataType : 'json',
  data : {
  plantModelParentId : a,
  },
  success : function(data) {
  //會(huì)返回后臺(tái)的值 但是沒(méi)出現(xiàn)下拉框 
  //console.log(JSON.stringify(data));
  self.selectlist = data;
  },
  error : function(data, type, err) {
  alert("錯(cuò)誤類型：" + type + "; 錯(cuò)誤信息：" + err);
  }
 });
 }

補(bǔ)充知識(shí)：vue+elementUI導(dǎo)航中，點(diǎn)擊body子菜單收縮的問(wèn)題

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

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

安裝命令：

cnpm uninstall element-ui//卸載

cnpm install element-ui@2.4.9 --save

以上這篇解決vue動(dòng)態(tài)下拉菜單有數(shù)據(jù)未反應(yīng)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue手寫橫向輪播圖的實(shí)例
這篇文章主要介紹了Vue手寫橫向輪播圖的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
解決webpack+Vue引入iView找不到字體文件的問(wèn)題
今天小編就為大家分享一篇解決webpack+Vue引入iView找不到字體文件的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
vue如何實(shí)現(xiàn)關(guān)閉對(duì)話框后刷新列表
這篇文章主要介紹了vue如何實(shí)現(xiàn)關(guān)閉對(duì)話框后刷新列表，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
解決vue2.0路由跳轉(zhuǎn)未匹配相應(yīng)用路由避免出現(xiàn)空白頁(yè)面的問(wèn)題
今天小編就為大家分享一篇解決vue2.0路由跳轉(zhuǎn)未匹配相應(yīng)用路由避免出現(xiàn)空白頁(yè)面的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
VUE Error: getaddrinfo ENOTFOUND localhost
這篇文章主要介紹了VUE Error: getaddrinfo ENOTFOUND localhost，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
vue如何在data中引入圖片的正確路徑
這篇文章主要介紹了vue如何在data中引入圖片的正確路徑，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-06-06
前端實(shí)現(xiàn)簡(jiǎn)單的sse封裝方式(React hook Vue3)
這篇文章主要介紹了前端實(shí)現(xiàn)簡(jiǎn)單的sse封裝方式(React hook Vue3),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-08-08
Vue3使用全局函數(shù)或變量的2種常用方式代碼
在Vue3項(xiàng)目中需要頻繁使用某一個(gè)方法,配置到全局感覺(jué)會(huì)方便很多,這篇文章主要給大家介紹了關(guān)于Vue3使用全局函數(shù)或變量的2種常用方式,需要的朋友可以參考下
2023-09-09
vue3.0 子組件如何修改父組件傳遞過(guò)來(lái)的值
這篇文章主要介紹了vue3.0 子組件如何修改父組件傳遞過(guò)來(lái)的值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue跨域請(qǐng)求問(wèn)題解決方案過(guò)程解析
這篇文章主要介紹了Vue跨域請(qǐng)求問(wèn)題解決方案過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-08-08