欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2020年08月06日 11:43:02   作者：ArchitectDream  
這篇文章主要介紹了解決vue動態(tài)下拉菜單 有數據未反應的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

問題出現在當時后臺數據會返回到data中但是沒有出現下拉菜單，查詢資料 發(fā)現 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,發(fā)現點擊body導航子菜單會收縮的問題

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

安裝命令：

cnpm uninstall element-ui//卸載

cnpm install element-ui@2.4.9 --save

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

相關文章

  • element plus中el-upload實現上傳多張圖片的示例代碼

    element plus中el-upload實現上傳多張圖片的示例代碼

    最近寫項目的時候需要一次上傳多張圖片,本文主要介紹了element plus中el-upload實現上傳多張圖片的示例代碼,具有一定的參考價值,感興趣的可以了解一下
    2024-01-01
  • vue3 數組清空與重新賦值的操作代碼

    vue3 數組清空與重新賦值的操作代碼

    這篇文章主要介紹了vue3 數組清空與重新賦值的操作代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-09-09
  • Vue中Vue.use()的原理及基本使用

    Vue中Vue.use()的原理及基本使用

    相信很多人在用Vue使用別人的組件時,會用到 Vue.use() ,例如：Vue.use(VueRouter)、Vue.use(MintUI),這篇文章主要給大家介紹了關于Vue中Vue.use()的原理及基本使用的相關資料,需要的朋友可以參考下
    2021-10-10
  • vue-router3.0版本中 router.push 不能刷新頁面的問題

    vue-router3.0版本中 router.push 不能刷新頁面的問題

    這篇文章主要介紹了vue-router3.0版本中 router.push 不能刷新頁面的問題,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • vue.js使用Element-ui實現導航菜單

    vue.js使用Element-ui實現導航菜單

    這篇文章主要為大家詳細介紹了vue.js使用Element-ui中實現導航菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-09-09
  • VUE UPLOAD 通過ACTION返回上傳結果操作

    VUE UPLOAD 通過ACTION返回上傳結果操作

    這篇文章主要介紹了VUE UPLOAD 通過ACTION返回上傳結果操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09
  • Vue3樣式滲透之deep()為什么無效詳解

    Vue3樣式滲透之deep()為什么無效詳解

    項目開發(fā)中因為ui設計常常需要修改vue常用的組件庫（element,antD等等）,這就需要用到樣式穿透,下面這篇文章主要給大家介紹了關于Vue3樣式滲透之deep()為什么無效的相關資料,需要的朋友可以參考下
    2022-11-11
  • vue組件常用的父子、兄弟、跨組件等傳值方法

    vue組件常用的父子、兄弟、跨組件等傳值方法

    Vue常用的三種傳值方式有:??父傳子??子傳父??非父子傳值?引用官網的一句話:父子組件的關系可以總結為?prop?向下傳遞,事件向上傳遞,熟悉vue各類關系的組件之間傳值方法會令開發(fā)更加得心應手,下面將對父子、兄弟、頁級組件之間的傳值作淺談
    2023-12-12
  • 基于vue如何發(fā)布一個npm包的方法步驟

    基于vue如何發(fā)布一個npm包的方法步驟

    這篇文章主要介紹了基于vue如何發(fā)布一個npm包的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2019-05-05
  • 公共Hooks封裝useTableData表格數據實例

    公共Hooks封裝useTableData表格數據實例

    這篇文章主要為大家介紹了公共Hooks封裝useTableData表格數據實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-12-12

最新評論