解決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>

JS

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動態下拉菜單 有數據未反應的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。