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