el-tree树状控件，定位到选中的节点的位置

最新推荐文章于 2024-08-18 12:46:06 发布

言666

最新推荐文章于 2024-08-18 12:46:06 发布

阅读量393

点赞数 4

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_58307541/article/details/141189218

版权

效果图

在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])
            }