当前位置: 首页 > article >正文

获取Tree 树形控件下面的全部id

一、建立一个Tree 树形控件

    <el-tree
      :data="state.treeData"
	  :props="state.Props"
      node-key="id"
	  :highlight-current="true"
      :expand-on-click-node="true"
	  :filter-node-method="filterNode"
	  @node-click = "clickTrees"
	  ref="tree">

二、点击clickTrees方法

const clickTrees = function(data,node){
	state.expandedMedTreeKeys =[];
	const moduleDataList=[];
	moduleDataList.push(data);
	state.expandedMedTreeKeys = getAllNodeId(state.expandedMedTreeKeys,moduleDataList)
	console.log(state.expandedMedTreeKeys)
}

上面图中 state.expandedMedTreeKeys 就是存放获取到全部id的数组

三、循环获取id

const  getAllNodeId = function(MedicinalTreeKeys, moduleDataList) {
      for (var i = 0; i < moduleDataList.length; i++) {
        MedicinalTreeKeys.push(moduleDataList[i].id)
        if (moduleDataList[i].children) {
          MedicinalTreeKeys = getAllNodeId(MedicinalTreeKeys, moduleDataList[i].children)
        }
      }
      return MedicinalTreeKeys
    }

这样就可以获取到所有的id了,当然如果tree树的id,默认是id那就不用管,如果id是别的如appId等,可以通过绑定的数据来修改。图一中绑定的  :props="state.Props"

Props: {
	  value: 'appId',
	  children: 'childrenTree',
	  label: 'appName'
	}, 

图一中的 node-key="id" 也改成 node-key="AppId"

把图三中对应的东西也改一下, MedicinalTreeKeys.push(moduleDataList[i].id)改成

 MedicinalTreeKeys.push(moduleDataList[i].AppId)moduleDataList[i].children 也改成 moduleDataList[i].childrenTree 等。


http://www.kler.cn/a/15343.html

相关文章:

  • 对PolyMarket的突袭
  • std::sort的底层原理(混合排序算法)
  • VScode使用Batch Runner插件在终端运行bat文件
  • 解决Ubuntu18.04及以上版本高分辨率下导致字体过小问题
  • 5个有效的华为(HUAWEI)手机数据恢复方法
  • Oracle OCP认证考试考点详解082系列19
  • 小米青春版路由器刷openwrt
  • UE5实现Runtime环境下绘制点功能
  • 201709-1 打酱油
  • 基于dsp+fpga+AD+ENDAC的半导体运动台高速数据采集电路仿真设计(四)
  • Qt5.9学习笔记-事件(一)
  • 从线程安全到锁粒度,使用Redis分布式锁的注意事项
  • 【NLP实战】基于Bert和双向LSTM的情感分类【上篇】
  • C#简单向:textbox添加提示内容
  • APK文件结构
  • 成功上岸国防科大!
  • 【22-23 春学期】人工智能基础--AI作业6-误差反向传播
  • 大数据管理中心规划设计方案(ppt可编辑)
  • Centos编译安装python3.9.0
  • 【IT 常识】安装(Install)、部署(Deploy)、搭建(Setup)和配置(Configure、Set)的区别
  • Selenium:WebDriver简介及元素定位
  • 人人都能用,3s学会加密你的网址变成ooo
  • LVS+Keepalived群集
  • 第三节:支持向量机分类预测
  • 【论文精度(李沐老师)】Deep Residual Learning for Image Recognition
  • 【opencv】几何变换——仿射变换(4 计算仿射矩阵)