el-tree樹狀控件如何定位到選中的節(jié)點(diǎn)的位置

更新時(shí)間：2024年08月15日 10:02:38 作者：言666

這篇文章主要介紹了el-tree樹狀控件如何定位到選中的節(jié)點(diǎn)的位置,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

效果圖

在el-tree 控件加 :render-content="renderContent"

在掉接口的方法中

實(shí)際有用的是setTimeout 方法和this.$refs.xxxxxx.setCheckedKeys([industrycodeList])

if(res.data.swindustrylist.length>0){
              res.data.swindustrylist.forEach(item => {
                industrycodeList.push(item.industrycode) 
                setTimeout(() => { 
                  const currentDom = document.querySelector('#A' + item.industrycode)
                  console.log('industrycodeList',industrycodeList)
                  console.log('item.industrycode',item.industrycode)
                  if (currentDom) {
                      currentDom.scrollIntoView()
                  } 
                }, 1000)
              }) 
              this.$refs.mappTree.setCheckedKeys([industrycodeList])
            }

到此這篇關(guān)于el-tree樹狀控件定位到選中的節(jié)點(diǎn)的位置的文章就介紹到這了,更多相關(guān)el-tree定位到選中的節(jié)點(diǎn)的位置內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue實(shí)現(xiàn)簡(jiǎn)單的跑馬燈
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)簡(jiǎn)單的跑馬燈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-05-05
vue實(shí)現(xiàn)鼠標(biāo)移過出現(xiàn)下拉二級(jí)菜單功能
這篇文章主要介紹了vue實(shí)現(xiàn)鼠標(biāo)移過出現(xiàn)下拉二級(jí)菜單功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-12-12
element--Diaolog彈窗打開之后渲染組件方式
這篇文章主要介紹了element--Diaolog彈窗打開之后渲染組件方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-01-01
vue-router懶加載速度緩慢問題及解決方法
這篇文章主要介紹了vue-router懶加載速度緩慢問題及解決方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-11-11
Vue3路由高級(jí)玩法實(shí)戰(zhàn)指南從模塊化到企業(yè)級(jí)實(shí)踐
VueRouter4通過一系列改進(jìn),提升了對(duì)復(fù)雜應(yīng)用的支持,核心變化包括更現(xiàn)代的創(chuàng)建方式、更靈活的動(dòng)態(tài)路由和守衛(wèi)系統(tǒng),文章還探討了模塊化路由管理、權(quán)限控制、懶加載、動(dòng)畫以及企業(yè)級(jí)實(shí)踐,強(qiáng)調(diào)了在實(shí)際項(xiàng)目中靈活應(yīng)用這些特性的重要性,感興趣的朋友跟隨小編一起看看吧
2026-03-03
Vue 刷新當(dāng)前路由的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 刷新當(dāng)前路由的實(shí)現(xiàn)代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
vue動(dòng)畫—通過鉤子函數(shù)實(shí)現(xiàn)半場(chǎng)動(dòng)畫操作
這篇文章主要介紹了vue動(dòng)畫—通過鉤子函數(shù)實(shí)現(xiàn)半場(chǎng)動(dòng)畫操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
element的表單元素使用總結(jié)
表單元素挺多的，本文主要介紹了element的表單元素使用總結(jié)，主要包括文本框類、選擇類、其他類，有一定的參考價(jià)值，感興趣的可以了解一下
2021-06-06
阿望教你用vue寫掃雷小游戲
這篇文章主要介紹了阿望教你用vue寫掃雷小游戲，本文通過實(shí)例代碼效果圖展示的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-01-01
vue.js簡(jiǎn)單配置axios的方法詳解
axios是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端，下面這篇文章主要給大家介紹了關(guān)于vue.js簡(jiǎn)單配置axios的相關(guān)資料，需要的朋友們可以參考借鑒，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-12-12