国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

vue el-tree 默認展開第一個節(jié)點的實現(xiàn)代碼

瀏覽:4日期:2023-01-20 15:39:59

vue 的樹形控件 el-tree 可以用來方便地實現(xiàn)樹形控件,但是官方文檔中,關(guān)于控件的默認展開只有默認展開全部或者默認全部關(guān)閉,如下所示:

vue el-tree 默認展開第一個節(jié)點的實現(xiàn)代碼

對于指定節(jié)點的展開,需要指定其id,從而通過 default-expanded-keys 設(shè)置默認展開的節(jié)點。對于后臺返回的數(shù)據(jù),默認展開其第一層的第一個,其實很簡單:對于獲取到的后臺數(shù)據(jù),將其第一層節(jié)點添加到數(shù)組中,將 default-expanded-keys 綁定數(shù)組,從而設(shè)置默認展開的節(jié)點。實際應(yīng)用:默認展開第一層節(jié)點中的第一個節(jié)點:

<template> <section> <!-- 機構(gòu)類型編碼表 --> <el-row align='left'> <div class=’treeClass’> <el-tree :data='treeData' :props='defaultProps' @node-click='handleNodeClick' highlight-current node-key='id' :default-expanded-keys='treeExpandData'> </el-tree> </div> </el-row> </section></template><script>export default { data() { return { treeData:[], //后臺返回的tree樹列表 treeExpandData:[], //自己定義的用于接收tree樹id的數(shù)組 provincialCenterId:’’, defaultProps: { children: ’item’, label: ’name’, }, } }, created(){ this.getEquipmentList() }, methods: { // 獲取樹形結(jié)構(gòu)默認展開節(jié)點 getRoleTreeRootNode(provincialCenterId) { this.treeExpandData.push(provincialCenterId) }, //獲取tree樹列表 getEquipmentList: function(params){ this.listLoading = true this.$api.ckApi.treeList({typeTag:true}).then((res)=>{ if(res.code==200){ this.treeData = res.resultDownload; this.provincialCenterId = this.treeData[0].id //默認展開第一個節(jié)點 this.getRoleTreeRootNode(this.provincialCenterId) this.listLoading = false }else{ this.$message.error(res) } }) }, }</script>

效果圖:

vue el-tree 默認展開第一個節(jié)點的實現(xiàn)代碼

總結(jié)

到此這篇關(guān)于vue el-tree 默認展開第一個節(jié)點的實現(xiàn)代碼的文章就介紹到這了,更多相關(guān)vue el-tree默認展開節(jié)點內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产精品hd在线播放 | 女人又黄的视频网站 | 男人的天堂免费视频 | tubesexvideo日本护士 | 国产成人在线视频观看 | 欧美一级毛片特黄大 | 欧美成人免费观看 | 亚洲欧美一级视频 | 成人精品视频一区二区三区 | 黄大片日本一级在线a | 国产三级三级三级三级 | 欧美在线高清视频播放免费 | 国产爽爽视频 | 国产成人精品亚洲777图片 | 韩国午夜三级理论 | 有码视频在线观看 | 精品国产夜色在线 | 亚洲国产精品久久精品成人 | 欧美性色生活片免费播放 | 黄色免费在线观看视频 | 国产人成亚洲第一网站在线播放 | 国产精品三级国语在线看 | 国产精品久久久久影视不卡 | 成人做爰视频www在线观看 | 一区二区三区在线免费观看视频 | 国产精品久久久久毛片 | 久久久成人啪啪免费网站 | 亚洲第三区 | 女高中生被cao到哭视频 | 精品成人在线 | 成年人国产视频 | 国产成人免费高清激情视频 | 国产91精品一区二区视色 | 免费国产精品视频 | 男人av的天堂 | 亚洲一级特黄特黄的大片 | 欧美一级毛片免费大片 | 免费一级毛片不卡在线播放 | 久久久久久福利 | 午夜影院a级片 | 成人欧美日韩 |