System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种实现可切换分类共选集合的方法、系统、设备及存储介质技术方案_技高网

一种实现可切换分类共选集合的方法、系统、设备及存储介质技术方案

技术编号:44707089 阅读:12 留言:0更新日期:2025-03-21 17:40
本申请公开了一种实现可切换分类共选集合的方法、系统、设备及存储介质,涉及计算机软件研发技术领域,定义第一分类栏、第二分类栏、第三分类栏,第一分类栏位于最左侧,所述第二分类栏位于中间位置,第三分类栏位于页面最右侧,分类栏栏均包括分类栏条目,使用Vue的函数方法实现动态监测第二分类栏中的功能选项是否被勾选,并实时在第三分类栏显示更新。本发明专利技术基于Vue的核心双向数据绑定、数据劫持,对使用的数据进行监测,自动收集依赖,进而从全部选项里找出勾选的数据项,完成选择列表数据构成,减少大量冗余代码,实现轻量化架构,提高代码可维护性和可扩展性。

【技术实现步骤摘要】

本申请涉及软件前端研发,特别涉及一种实现可切换分类共选集合的方法、装置、设备及存储介质。


技术介绍

1、随着互联网技术的高速发展,网络图片、视频等数据的数量正经历着爆炸式地增长。海量的数据为用户方便地获取信息提供了基础,同时也为获得可用的、用户期望的数据带来了巨大挑战。数据分类技术是一种高效地将数据进行归类的技术,现有技术中,实现多级联动选择器的数据绑定需要大量冗余代码,代码量大,架构复杂。用户需要通过选中一批数据,点击移动按钮,选择路径进行分类管理,操作繁琐且重复量大,增加操作负担。

2、有鉴于此,如何解决轻量化切换分类共选集合已成为本领域技术人员亟待解决的技术问题。


技术实现思路

1、为了解决上述问题,本专利技术基于vue的核心双向数据绑定、数据劫持,用到的数据会被监测,自动收集依赖,进而从全部选项里找出勾选的数据项,完成选择列表数据的构成,减少大量冗余代码,实现轻量化架构。

2、本专利技术构建第一分类栏、第二分类栏和第三分类栏,第一分类栏用于显示分类条目,第二分类栏用于显示功能选项供用户选择,第三分类栏用于显示选中的功能选项。在第一分类栏进行分类切换,在第二分类栏进行功能项选择,并在第三分类栏进行结果显示。本专利技术还使用vue的函数方法实现动态监测第二分类栏中的功能选项是否被勾选,并实时在第三分类栏显示更新。本申请的目的是提供一种实现可切换分类共选集合的方法、装置、设备及计算机可读存储介质,能够高效实现实现可切换分类共选集合的,更加合理地实现任务分配

3、本申请提供了一种实现可切换分类共选集合的方法,包括:

4、定义第一分类栏,所述第一分类栏位于最左侧,所述第一分类栏包括第一分类栏条目,所述第一分类栏条目为第一级分类条目;

5、定义第二分类栏,所述第二分类栏位于中间位置,所述第二分类栏包括第二分类栏条目;

6、定义第三分类栏,所述第三分类栏位于页面最右侧,用于显示在所述第二分类栏选中的功能选项;

7、动态检测所述第二分类栏功能选项选中情况,并在所述第三分类栏显示更新,在选择列表中存储勾选结果。

8、在一些实施例中,所述定义第一分类栏包括,

9、定义第一分类栏的样式,包括定义第一分类栏分类条目,通过选中所述第一分类栏分类条目在第二分类栏中显示所述第一分类栏分类条目对应的第二分类栏条目。

10、在一些实施例中,所述定义第二分类栏包括,定义第二分类栏的样式,包括第二分类栏条目;

11、定义当前分类是否全选,定义勾选框点击事件;

12、定义勾选项数组,勾选的内容均放入本数组,定义当前分类勾选事件,每次勾选均触发本勾选事件。

13、在一些实施例中,所述定义第三分类栏包括,

14、定义第三分类栏的样式;

15、在所述第三分类栏显示列表中显示在第二分类栏条目中选中的选项,并绑定删除事件。

16、在一些实施例中,所述动态检测所述第二分类栏功能选项选中情况,并在所述第三分类栏显示更新包括,

17、在第一分类栏进行分类切换,在第二分类栏进行功能项选择,并在第三分类栏进行结果显示;

18、使用vue的函数方法实现动态监测第二分类栏中的功能选项是否被勾选,并实时在第三分类栏显示更新。

19、在一些实施例中,所述使用vue的函数方法实现动态监测具体包括,利用vue计算属性动态获取待展示的数据列表,获取勾选的列表结果。

20、在一些实施例中,定义句柄删除函数,从勾选的数组里找到对应数据的索引,并按需触发删除操作,删除第三栏所选中条目。

21、为解决上述技术问题,本申请还提供了一种实现可切换分类共选集合的系统,包括:

22、第一分类栏定义模块,用于定义第一分类栏,所述第一分类栏位于最左侧,所述第一分类栏包括第一分类栏条目,所述第一分类栏条目为第一级分类条目;

23、第二分类栏定义模块,用于定义第二分类栏,所述第二分类栏位于中间位置,所述第二分类栏包括第二分类栏条目;

24、第三分类栏定义模块,用于定义第三分类栏,所述第三分类栏位于页面最右侧,用于显示在所述第二分类栏选中的功能选项;

25、动态更新模块,用于动态检测所述第二分类栏功能选项选中情况,并在所述第三分类栏显示更新,在选择列表中存储勾选结果。

26、为解决上述技术问题,本申请还提供了一种实现可切换分类共选集合的设备,包括:

27、存储器,用于存储计算机程序;

28、处理器,用于执行所述计算机程序时实现如上所述的实现可切换分类共选集合的方法的步骤。

29、为解决上述技术问题,本申请还提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如上所述的实现可切换分类共选集合的方法的步骤。

30、本申请提出了实现可切换分类共选集合的方法、装置、设备及计算机可读存储介质,定义第一分类栏、第二分类栏、第三分类栏,第一分类栏位于最左侧,所述第二分类栏位于中间位置,第三分类栏位于页面最右侧,分类栏栏均包括分类栏条目,使用vue的函数方法实现动态监测第二分类栏中的功能选项是否被勾选,并实时在第三分类栏显示更新。本专利技术基于vue的核心双向数据绑定、数据劫持,对使用的数据进行监测,自动收集依赖,进而从全部选项里找出勾选的数据项,完成选择列表数据构成,减少大量冗余代码,实现轻量化架构,提高代码可维护性和可扩展性。

31、本申请所提供的实现可切换分类共选集合的装置、设备以及计算机可读存储介质均具有上述技术效果。

本文档来自技高网...

【技术保护点】

1.一种实现可切换分类共选集合的方法,其特征在于,包括:

2.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述定义第一分类栏包括,

3.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述定义第二分类栏包括,定义第二分类栏的样式,包括第二分类栏条目;

4.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述定义第三分类栏包括,

5.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述动态检测所述第二分类栏功能选项选中情况,并在所述第三分类栏显示更新包括,

6.根据权利要求5所述的实现可切换分类共选集合的方法,其特征在于,所述使用Vue的函数方法实现动态监测具体包括,利用Vue计算属性动态获取待展示的数据列表,获取勾选的列表结果。

7.根据权利要求5所述的实现可切换分类共选集合的方法,其特征在于,定义句柄删除函数,从勾选的数组里找到对应数据的索引,并按需触发删除操作,删除第三栏所选中条目。

8.一种实现可切换分类共选集合的系统,其特征在于,包括:

9.一种实现可切换分类共选集合的设备,其特征在于,包括:

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的实现可切换分类共选集合的方法的步骤。

...

【技术特征摘要】

1.一种实现可切换分类共选集合的方法,其特征在于,包括:

2.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述定义第一分类栏包括,

3.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述定义第二分类栏包括,定义第二分类栏的样式,包括第二分类栏条目;

4.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述定义第三分类栏包括,

5.根据权利要求1所述的实现可切换分类共选集合的方法,其特征在于,所述动态检测所述第二分类栏功能选项选中情况,并在所述第三分类栏显示更新包括,

6.根据权利要求5所述的实现可切换分类共选集合的方法...

【专利技术属性】
技术研发人员:陈宇盛田向阳
申请(专利权)人:苏州万店掌网络科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1