基于vue的下拉框的交互方法、装置、设备和介质制造方法及图纸

本发明专利技术提供一种基于vue的下拉框的交互方法、装置、设备和介质，方法包括：S1、通过一下拉框响应用户点击的操作，在下拉框的周边弹出一表格控件，所述表格控件提供表头和表体，其中所述表头显示多维度信息记录的信息名称，所述表体对应所述信息名称的位置提供多维度信息记录相应的维度信息；S2、通过所述表格控件响应用户操作，包括：当用户点击所述表体中任一所述多维度信息记录，该多维度信息记录中的至少一维度信息被显示至所述下拉框中。本发明专利技术通过一个表格控件与下拉框配合完成交互，表格控件可展示多维度信息记录，且能支持大量数据信息的展示，还能实现多样化交互操作。

【技术实现步骤摘要】
基于vue的下拉框的交互方法、装置、设备和介质
本专利技术涉及计算机
，特别涉及一种基于vue的下拉框的交互方法、装置、设备和介质。
技术介绍
随着计算机技术的发展，互联网的应用已经遍布各行各业，不管是在医院、图书馆、政府机构等都需要相应的互联网平台，以便服务于广大的人民群众。而不再需要人们特定的时间到专门的办公地点处理事务，只需要在家便可轻轻松松办理，节省了大量的时间，提高办公效率。传统的表单输入控件一般使用输入框和下拉框。输入框要求所有的信息均需要用户手动输入，而没有备用信息可供选择，导致效率低下。而下拉框虽然提供了一些备用信息给用户选择，但是所供选择的信息内容较少，如图1所示，下拉框在被点击时通过一弹出层来展示备选信息，每条备选信息占用一行，但每条备选信息只有一个维度，同时数据数量也很有限，基本控制在一个展示页面内，而且于用户而言，交互操作方式单一，交互结果也很单一。
技术实现思路
本专利技术要解决的技术问题，在于提供一种基于vue的下拉框的交互方法、装置、设备和介质，通过一个表格控件与下拉框配合完成交互本文档来自技高网...

【技术保护点】
1.一种基于vue的下拉框的交互方法，其特征在于：包括上述步骤：/nS1、通过一下拉框响应用户点击的操作，在下拉框的周边弹出一表格控件，所述表格控件提供表头和表体，其中所述表头显示多维度信息记录的信息名称，所述表体对应所述信息名称的位置展示多维度信息记录相应的维度信息，所述多维度信息记录由后端数据库提供；/nS2、通过所述表格控件响应用户操作，包括：/n(1)、当用户点击所述表体中任一所述多维度信息记录，该多维度信息记录中的至少一维度信息被显示至所述下拉框中。/n

【技术特征摘要】
1.一种基于vue的下拉框的交互方法，其特征在于：包括上述步骤：
S1、通过一下拉框响应用户点击的操作，在下拉框的周边弹出一表格控件，所述表格控件提供表头和表体，其中所述表头显示多维度信息记录的信息名称，所述表体对应所述信息名称的位置展示多维度信息记录相应的维度信息，所述多维度信息记录由后端数据库提供；
S2、通过所述表格控件响应用户操作，包括：
(1)、当用户点击所述表体中任一所述多维度信息记录，该多维度信息记录中的至少一维度信息被显示至所述下拉框中。


2.根据权利要求1所述的一种基于vue的下拉框的交互方法，其特征在于：所述表格控件还提供搜索框，所述步骤S2中，通过所述表格控件响应用户操作还包括：
(2)、当用户在所述搜索框内输入要搜索的一多维度信息，所述表格控件将该多维度信息对应的多维度信息记录筛选并展示出来。


3.根据权利要求1所述的一种基于vue的下拉框的交互方法，其特征在于：
所述表格控件还提供复选框，每个复选框对应一条多维度信息记录，所述步骤S2中，通过所述表格控件响应用户操作还包括：
(3)、当用户点击任一复选框时，该复选框对应的多维度信息记录中的至少一维度信息被显示至所述下拉框中。


4.根据权利要求1所述的一种基于vue的下拉框的交互方法，其特征在于：
所述表格控件还提供分页切换栏，所述分页切换栏至少列出所述表体的分页号和分页跳转输入框，还列出所述表体包含的多维度信息记录的总数以及每分页包含的多维度信息记录的数量，且该数量能进行选择切换；
所述步骤S2中，通过所述表格控件响应用户操作还包括：
(4)、当用户点击任一分页号时，所述表体的内容则跳转到该分页号对应的多维度信息记录；
(5)、当用户在所述分页跳转输入框输入任一分页号时，所述表体的内容则跳转到该分页号对应的多维度信息记录。


5.一种基于vue的下拉框的交互装置，其特征在于：包括：
下拉框模块，用于响应用户的点击操作，在下拉框的周边弹出一表格控件，所...

【专利技术属性】
技术研发人员：黄家昌，傅丽梅，杨辉，邱道椿，
申请(专利权)人：福建亿能达信息技术股份有限公司，
类型：发明
国别省市：福建;35