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

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

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

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

對(duì)于前端小菜雞來(lái)說(shuō)，被這個(gè)問(wèn)題也是困擾了好久。也是百度的方法。
表單部分代碼：

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í)操作的數(shù)組
let returnArr = []; // 存放結(jié)果的數(shù)組
let depth = 0; // 定義全局層級(jí)
// 定義遞歸函數(shù)
function childrenEach(childrenData, depthN) {
    for (var j = 0; j < childrenData.length; j++) {
        depth = depthN; // 將執(zhí)行的層級(jí)賦值 到 全局層級(jí)
        arr[depthN] = (childrenData[j].id);
        if (childrenData[j].id == key) {
            returnArr = arr.slice(0, depthN+1); //將目前匹配的數(shù)組，截?cái)嗖⒈４娴浇Y(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ù)器回顯居中問(wèn)題關(guān)于要從取數(shù)據(jù)問(wèn)題數(shù)據(jù)選擇器關(guān)于php問(wèn)題

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/101867.html

相關(guān)文章

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

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

kaka 2019-08-23 15:19 評(píng)論0 收藏0
vue項(xiàng)目中使用element-ui下拉框選項(xiàng)值為對(duì)象時(shí)報(bào)錯(cuò)

摘要：在做后臺(tái)管理時(shí)，使用了搭配，請(qǐng)求方法使用了插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。在做后臺(tái)管理時(shí)，使用了vue搭配elementUI，請(qǐng)求方法使用了axios插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。對(duì)select下拉框的文檔沒有讀的很仔細(xì)，百度過(guò)幾篇文章，也沒有理解他們表達(dá)的意思，然后自己又去看文檔，把他的屬性看...

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

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

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

摘要：內(nèi)聯(lián)樣式標(biāo)簽魚頭注根據(jù)張?chǎng)涡窭蠋熢谟腥€(gè)選擇器可以干掉個(gè)選擇器分享過(guò)個(gè)級(jí)聯(lián)選擇器可以擊敗個(gè)選擇器目前已無(wú)此現(xiàn)象。作者：陳大魚頭 github： KRISACHAN 在上一篇的HTML的標(biāo)簽與語(yǔ)意中簡(jiǎn)單的介紹了HTML標(biāo)簽跟其一些屬性，向各位堅(jiān)持看到這里的親表示真誠(chéng)的感謝。本篇主要會(huì)分享一些跟CSS選擇器（CSS Selectors）相關(guān)的內(nèi)容，有興趣的請(qǐng)繼續(xù)往下看。 CSS選擇...

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

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

dkzwm 2019-08-15 11:10 評(píng)論0 收藏0