解決vue動態(tài)下拉菜單有數(shù)據(jù)未反應的問題

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

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

問題出現(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>

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導航中，點擊body子菜單收縮的問題

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

原因：是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ù)未反應的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

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