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