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)統(tǒng)一token,并兼容IE9驗證功能
這篇文章主要介紹了vue攔截器實現(xiàn)統(tǒng)一token,并兼容IE9驗證功能，本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2018-04-04
本篇文章主要介紹了Django+Vue.js搭建前后端分離項目的示例，具有一定參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了vite/Vuecli配置proxy代理解決跨域問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
今天小編就為大家分享一篇在vue中解決提示警告 for循環(huán)報錯的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue3+el-table封裝示例詳解(編輯、刪除、查看詳情按鈕一起封裝)
在Vue3中,利用Element?Plus?UI庫封裝表格組件,實現(xiàn)編輯、刪除和查看詳情的功能,通過定義tableData和tableDataHeader來管理表格數(shù)據(jù)和表頭,其中tableData通常從后端獲取,而tableHeader可根據(jù)具體需求自定義,感興趣的朋友跟隨小編一起看看吧2024-09-09
這篇文章主要介紹了vue如何循環(huán)給對象賦值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了在vue中安裝使用sass的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了Vue ElementUI之Form表單驗證遇到的問題,需要的朋友可以參考下2017-08-08
el-table表頭使用el-dropdown出現(xiàn)兩個下拉框的問題及解決方法
本文給大家分享el-table在固定右邊列時,表頭使用el-dropdown會出現(xiàn)兩個下拉框的解決方法,感興趣的朋友跟隨小編一起看看吧2024-07-07
Vue3項目中通過LuckySheet實現(xiàn)Excel在線編輯功能
在實現(xiàn)Excel文件導入時,領導要求實現(xiàn)在前端導入文件后,不調(diào)用后端的接口,而是直接顯示excel文件的內(nèi)容,等待用戶修改完以后,再調(diào)用后端接口進行文件的提交,所以本文介紹了Vue3項目中通過LuckySheet實現(xiàn)Excel在線編輯,需要的朋友可以參考下2025-04-04