当前位置:   article > 正文

vue+ elementv UI 使用Tree组件实现定位展开某一个父节点并选中该父节点下的某一个子节点_el-tree中展开并选中某个节点

el-tree中展开并选中某个节点

 elementv UI 中的Tree组件实现定位展开某一个父节点并选中该父节点下的某一个子节点(或者选中该父节本身)如图所示:

效果图

 

  1. <template>
  2. <div>
  3. <el-tree :data="deviceList"
  4. ref="tree"
  5. :props="defaultProps"
  6. node-key="id"
  7. :default-expanded-keys="expendArr"
  8. highlight-current
  9. @node-click="handleNodeClick">
  10. </el-tree>
  11. </div>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. deviceList: [
  18. {
  19. id:'0',
  20. label:'父节点1',
  21. children:[
  22. {
  23. id:'0-0',
  24. label:'子节点1-1',
  25. },
  26. {
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/830694
推荐阅读
相关标签
  

闽ICP备14008679号