一种基于vue实现的支持多树结构的下拉选择组件构建方法技术

本发明专利技术提出一种基于vue实现的支持多树结构的下拉选择组件构建方法，包括步骤：在数据层定义第一数组，用于存储不同对象结构树的生成树结构数据；配置第一数组中每个对象的生成树结构数据，生成不同对象的结构树；为同一结构树中真实id相同的节点生成唯一的虚拟id；对于同一结构树中真实id相同的节点，将这些节点的id替换为计算出的虚拟id，将节点的真实id存储在节点的属性realid中；定义第二数组；当用户在页面选中某一个树结构中的某个节点A时，找到本结构树中与A具有相同真实id的其他节点，根据需求将要与A一并选中的节点的虚拟id记录在第二数组中；根据第二数组记录的虚拟id，在页面中显示相应节点的选中状态。

【技术实现步骤摘要】
一种基于vue实现的支持多树结构的下拉选择组件构建方法
本专利技术涉及计算机领域，具体涉及一种基于vue实现的支持多树结构的下拉选择组件构建方法。
技术介绍
现有的下拉菜单只支持单个树结构的选择，而且不同的树枝节点下有相同的子节点的情况下，选中其中一个子节点，其它树枝节点下的这个子节点不会被选中，甚至有些控件直接报错，提示树结构中所有元素不能有相同id。总的来说，现有技术主要存在以下缺陷：1、不支持多个树的同时选择；2、不支持的树结构中的有相同id的节点，如果一个树下存在多个相同id的叶子节点，则在其中一个树枝结该叶子节点被选后，这个叶子节点在其他树枝中不能同时被选中。
技术实现思路
专利技术目的：为克服现有技术的缺陷，本专利技术提出一种基于vue实现的支持多树结构的下拉选择组件构建方法。技术方案：本专利技术提出一种基于vue实现的支持多树结构的下拉选择组件构建方法，包括以下步骤：S1、在数据层定义第一数组，用于存储不同对象结构树的生成树结构数据；S2、配置第一数组中每个对象的本文档来自技高网...

【技术保护点】
1.一种基于vue实现的支持多树结构的下拉选择组件构建方法，其特征在于，包括以下步骤：/nS1、在数据层定义第一数组，用于存储不同对象结构树的生成树结构数据；/nS2、配置第一数组中每个对象的生成树结构数据，生成不同对象的结构树；/nS3、若在一个结构树下存在多个相同id的节点，则为同一结构树中真实id相同的节点生成唯一的虚拟id：树枝节点的虚拟id为trunk加上自身真实id，叶子节点的虚拟id为叶子节点的父节点id加上叶子节点自身的真实id；/nS4、对于同一结构树中真实id相同的节点，将这些节点的id替换为计算出的虚拟id，将节点的真实id存储在节点的属性realid中；/nS5、在数据...

【技术特征摘要】
1.一种基于vue实现的支持多树结构的下拉选择组件构建方法，其特征在于，包括以下步骤：
S1、在数据层定义第一数组，用于存储不同对象结构树的生成树结构数据；
S2、配置第一数组中每个对象的生成树结构数据，生成不同对象的结构树；
S3、若在一个结构树下存在多个相同id的节点，则为同一结构树中真实id相同的节点生成唯一的虚拟id：树枝节点的虚拟id为trunk加上自身真实id，叶子节点的虚拟id为叶子节点的父节点id加上叶子节点自身的真实id；
S4、对于同一结构树中真实id相同的节点，将这...

【专利技术属性】
技术研发人员：张文登，旷星，牛晓玲，马文瑞，
申请(专利权)人：苏州易卖东西信息技术有限公司，
类型：发明
国别省市：江苏;32