亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

問題出現(xiàn)在當(dāng)時(shí)后臺(tái)數(shù)據(jù)會(huì)返回到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() {
 // 判斷搜索是否為父級(jí)為空
 var a = 0;
  //var self=this.selectlist出錯(cuò) 原因是并未找到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) {
  //會(huì)返回后臺(tái)的值 但是沒出現(xiàn)下拉框 
  //console.log(JSON.stringify(data));
  self.selectlist = data;
  },
  error : function(data, type, err) {
  alert("錯(cuò)誤類型：" + type + "; 錯(cuò)誤信息：" + err);
  }
 });
 }

補(bǔ)充知識(shí)：vue+elementUI導(dǎo)航中，點(diǎn)擊body子菜單收縮的問題

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

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

相關(guān)文章

  • element plus中el-upload實(shí)現(xiàn)上傳多張圖片的示例代碼

    element plus中el-upload實(shí)現(xiàn)上傳多張圖片的示例代碼

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

    vue3 數(shù)組清空與重新賦值的操作代碼

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

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

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

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

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

    vue.js使用Element-ui實(shí)現(xiàn)導(dǎo)航菜單

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

    VUE UPLOAD 通過ACTION返回上傳結(jié)果操作

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

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

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

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

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

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

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

    公共Hooks封裝useTableData表格數(shù)據(jù)實(shí)例

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

最新評(píng)論