el-tree树状控件如何定位到选中的节点的位置
更新时间：2024年08月15日 10:02:38 作者：言666
这篇文章主要介绍了el-tree树状控件如何定位到选中的节点的位置,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
效果图
在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树状控件定位到选中的节点的位置的文章就介绍到这了,更多相关el-tree定位到选中的节点的位置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue拦截器实现统一token,并兼容IE9验证功能，本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2018-04-04
本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例，具有一定参考价值，有兴趣的可以了解一下2017-08-08
这篇文章主要介绍了vite/Vuecli配置proxy代理解决跨域问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
今天小编就为大家分享一篇在vue中解决提示警告 for循环报错的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vue3+el-table封装示例详解(编辑、删除、查看详情按钮一起封装)
在Vue3中,利用Element Plus UI库封装表格组件,实现编辑、删除和查看详情的功能,通过定义tableData和tableDataHeader来管理表格数据和表头,其中tableData通常从后端获取,而tableHeader可根据具体需求自定义,感兴趣的朋友跟随小编一起看看吧2024-09-09
这篇文章主要介绍了vue如何循环给对象赋值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了在vue中安装使用sass的实现方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了Vue ElementUI之Form表单验证遇到的问题,需要的朋友可以参考下2017-08-08
el-table表头使用el-dropdown出现两个下拉框的问题及解决方法
本文给大家分享el-table在固定右边列时,表头使用el-dropdown会出现两个下拉框的解决方法,感兴趣的朋友跟随小编一起看看吧2024-07-07
Vue3项目中通过LuckySheet实现Excel在线编辑功能
在实现Excel文件导入时,领导要求实现在前端导入文件后,不调用后端的接口,而是直接显示excel文件的内容,等待用户修改完以后,再调用后端接口进行文件的提交,所以本文介绍了Vue3项目中通过LuckySheet实现Excel在线编辑,需要的朋友可以参考下2025-04-04
最新评论