問(wèn)題出現(xiàn)在當(dāng)時(shí)后臺(tái)數(shù)據(jù)會(huì)返回到data中但是沒(méi)有出現(xiàn)下拉菜單，查詢(xú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ò)查詢(xún)資料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ò)誤類(lèi)型：' + 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è)參考，也希望大家多多支持好吧啦網(wǎng)。