關(guān)于element級聯(lián)選擇器數(shù)據(jù)回顯問題

SolomonXie 發(fā)布于2019-08-23 15:19 / 1769人閱讀

摘要：級聯(lián)選擇器數(shù)據(jù)回顯問題對于前端小菜雞來說，被這個問題也是困擾了好久。也是百度的方法。

element級聯(lián)選擇器數(shù)據(jù)回顯問題

對于前端小菜雞來說，被這個問題也是困擾了好久。也是百度的方法。
表單部分代碼：

data中定義：

depShowType:{
value:"id",
label:"name",
children:"nodes"
},
SelectdeptId：[],

methods中：

// 編輯
handleEdit(data){
this.textShow=true;
this.textForm=data;
this.SelectdeptId=this.changeDetSelect(data.deptId,this.deptData)   //數(shù)據(jù)雙向綁定
},

changeDetSelect(key,treeData){
let arr = []; // 在遞歸時操作的數(shù)組
let returnArr = []; // 存放結(jié)果的數(shù)組
let depth = 0; // 定義全局層級
// 定義遞歸函數(shù)
function childrenEach(childrenData, depthN) {
    for (var j = 0; j < childrenData.length; j++) {
        depth = depthN; // 將執(zhí)行的層級賦值 到 全局層級
        arr[depthN] = (childrenData[j].id);
        if (childrenData[j].id == key) {
            returnArr = arr.slice(0, depthN+1); //將目前匹配的數(shù)組，截斷并保存到結(jié)果數(shù)組，
            break
        } else {
            if (childrenData[j].nodes) {
                depth ++;
                childrenEach(childrenData[j].nodes, depth);
            }
        }
    }
    return returnArr;
}
return childrenEach(treeData, depth);
},

此方法主要參考這位大神：https://segmentfault.com/u/li...

GPU云服務(wù)器云服務(wù)器回顯居中問題關(guān)于要從取數(shù)據(jù)問題數(shù)據(jù)選擇器關(guān)于php問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/101867.html

相關(guān)文章

關(guān)于element的select多選選擇器，數(shù)據(jù)回顯的問題

摘要：關(guān)于的多選，數(shù)據(jù)回顯的問題在工作中遇到這樣一個問題，新建表單時用的多選以后，在編輯的時候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示，多選卻無法正?；仫@。這樣多選器里的數(shù)據(jù)就能正常返顯了。關(guān)于element的select多選，數(shù)據(jù)回顯的問題在工作中遇到這樣一個問題，新建表單時用element的select多選以后，在編輯的時候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示，多選卻無法正?；仫@。在網(wǎng)上找了很多后...

kaka 2019-08-23 15:19 評論0 收藏0
vue項目中使用element-ui下拉框選項值為對象時報錯

摘要：在做后臺管理時，使用了搭配，請求方法使用了插件，在使用下拉框時，因為我需要獲取選中的選項中的其他值，因此需要傳入對象。在做后臺管理時，使用了vue搭配elementUI，請求方法使用了axios插件，在使用下拉框時，因為我需要獲取選中的選項中的其他值，因此需要傳入對象。對select下拉框的文檔沒有讀的很仔細，百度過幾篇文章，也沒有理解他們表達的意思，然后自己又去看文檔，把他的屬性看...

Drummor 2019-08-26 10:57 評論0 收藏0
關(guān)于DOM的問題筆記

摘要：實時可以傳參返回包括了所有名字符合指定條件的元素實時可以傳參用于選擇擁有屬性的元素比如和等返回匹配指定屬性的元素節(jié)點。返回位于頁面指定位置最上層的子節(jié)點。此外，使用可以防止攻擊。而自身不在存在于創(chuàng)建它時所在的位置。 1. 獲取某個 dom 元素的方式 //節(jié)點集合屬性（元素節(jié)點選?。?document.all //返回文檔中所有元素 document.links //返回當(dāng)前文...

FullStackDeveloper 2019-08-22 10:54 評論0 收藏0
【Hello CSS】第五章-CSS的選擇器與函數(shù)

摘要：內(nèi)聯(lián)樣式標(biāo)簽魚頭注根據(jù)張鑫旭老師在有趣個選擇器可以干掉個選擇器分享過個級聯(lián)選擇器可以擊敗個選擇器目前已無此現(xiàn)象。作者：陳大魚頭 github： KRISACHAN 在上一篇的HTML的標(biāo)簽與語意中簡單的介紹了HTML標(biāo)簽跟其一些屬性，向各位堅持看到這里的親表示真誠的感謝。本篇主要會分享一些跟CSS選擇器（CSS Selectors）相關(guān)的內(nèi)容，有興趣的請繼續(xù)往下看。 CSS選擇...

cod7ce 2019-08-30 11:27 評論0 收藏0
ssh框架整合案例(字典表,no-session,hebiernate|模板的api,懶加載,級聯(lián)刪

一：字典表字典信息：在項目中可能會使用到，已經(jīng)存在的一些信息。例如，客戶的級別：普通用戶，vip用戶... 客戶的來源：網(wǎng)絡(luò)營銷，電話營銷... 客戶所屬行業(yè)：電子商務(wù)，房地產(chǎn)... 客戶的性別：男，女在保存用戶的時候，這些信息都是已經(jīng)存在的，不應(yīng)該讓用戶讓用戶來任意填寫，而是通過下拉列表來讓用戶選擇。這些已經(jīng)存在的信息稱之為字典信...

dkzwm 2019-08-15 11:10 評論0 收藏0