[发明专利]基于vue的下拉框的交互方法、装置、设备和介质

说明书

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

技术领域

本发明涉及计算机技术领域，特别涉及一种基于vue的下拉框的交互方法、装置、设备和介质。

背景技术

随着计算机技术的发展，互联网的应用已经遍布各行各业，不管是在医院、图书馆、政府机构等都需要相应的互联网平台，以便服务于广大的人民群众。而不再需要人们特定的时间到专门的办公地点处理事务，只需要在家便可轻轻松松办理，节省了大量的时间，提高办公效率。

传统的表单输入控件一般使用输入框和下拉框。输入框要求所有的信息均需要用户手动输入，而没有备用信息可供选择，导致效率低下。而下拉框虽然提供了一些备用信息给用户选择，但是所供选择的信息内容较少，如图1所示，下拉框在被点击时通过一弹出层来展示备选信息，每条备选信息占用一行，但每条备选信息只有一个维度，同时数据数量也很有限，基本控制在一个展示页面内，而且于用户而言，交互操作方式单一，交互结果也很单一。

发明内容

本发明要解决的技术问题，在于提供一种基于vue的下拉框的交互方法、装置、设备和介质，通过一个表格控件与下拉框配合完成交互，表格控件可展示多维度信息记录，且能支持大量数据信息的展示，还能实现多样化交互操作。

第一方面，本发明提供了一种基于vue的下拉框的交互方法，包括上述步骤：

S1、通过一下拉框响应用户点击的操作，在下拉框的周边弹出一表格控件，所述表格控件提供表头和表体，其中所述表头显示多维度信息记录的信息名称，所述表体对应所述信息名称的位置展示多维度信息记录相应的维度信息，所述多维度信息记录由后端数据库提供；

S2、通过所述表格控件响应用户操作，包括：

(1)、当用户点击所述表体中任一所述多维度信息记录，该多维度信息记录中的至少一维度信息被显示至所述下拉框中。

第二方面，本发明提供了一种基于vue的下拉框的交互装置，包括：

下拉框模块，用于响应用户的点击操作，在下拉框的周边弹出一表格控件，所述表格控件包括表头和表体，其中所述表头显示多维度信息记录的信息名称，所述表体对应所述信息名称的位置展示多维度信息记录相应的维度信息；

后端数据库，为所述表体提供需要展示的多维度信息记录；

表格控件模块，通过所述表格控件响应用户操作，包括：

(1)、当用户点击所述表体中任一所述多维度信息记录，该多维度信息记录中的至少一维度信息被显示至所述下拉框中。

第三方面，本发明提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第一方面所述的方法。

第四方面，本发明提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面所述的方法。