問題出現(xiàn)在當時后臺數(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>

JS

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

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