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

权利要求书

1.一种基于vue的下拉框的交互方法，其特征在于：包括如下步骤：

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

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

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

2.根据权利要求1所述的一种基于vue的下拉框的交互方法，其特征在于：所述表格控件还提供搜索框，所述步骤S2中，通过所述表格控件响应用户操作还包括：

(2)、当用户在所述搜索框内输入要搜索的一多维度信息，所述表格控件将该多维度信息对应的多维度信息记录筛选并展示出来。

3.根据权利要求1所述的一种基于vue的下拉框的交互方法，其特征在于：

所述表格控件还提供复选框，每个复选框对应一条多维度信息记录，所述步骤S2中，通过所述表格控件响应用户操作还包括：

(3)、当用户点击任一复选框时，该复选框对应的多维度信息记录中的至少一维度信息被显示至所述下拉框中。

4.根据权利要求1所述的一种基于vue的下拉框的交互方法，其特征在于：

所述表格控件还提供分页切换栏，所述分页切换栏至少列出所述表体的分页号和分页跳转输入框，还列出所述表体包含的多维度信息记录的总数以及每分页包含的多维度信息记录的数量，且该数量能进行选择切换；

所述步骤S2中，通过所述表格控件响应用户操作还包括：

(4)、当用户点击任一分页号时，所述表体的内容则跳转到该分页号对应的多维度信息记录；

(5)、当用户在所述分页跳转输入框输入任一分页号时，所述表体的内容则跳转到该分页号对应的多维度信息记录。

5.一种基于vue的下拉框的交互装置，其特征在于：包括：

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

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

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

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

6.根据权利要求5所述的一种基于vue的下拉框的交互装置，其特征在于：所述表格控件还提供搜索框，通过所述表格控件响应用户操作还包括：

(2)、当用户在所述搜索框内输入要搜索的一多维度信息，所述表格控件将该多维度信息对应的多维度信息记录筛选并展示出来。

7.根据权利要求5所述的一种基于vue的下拉框的交互装置，其特征在于：所述表格控件还提供复选框，每个复选框对应一条多维度信息记录，通过所述表格控件响应用户操作还包括：

(3)、当用户点击任一复选框时，该复选框对应的多维度信息记录中的至少一维度信息被显示至所述下拉框中。

8.根据权利要求5所述的一种基于vue的下拉框的交互装置，其特征在于：所述表格控件还提供分页切换栏，所述分页切换栏至少列出所述表体的分页号和分页跳转输入框，还列出所述表体包含的多维度信息记录的总数以及每分页包含的多维度信息记录的数量，且该数量能进行选择切换；

则通过所述表格控件响应用户操作还包括：

(4)、当用户点击任一分页号时，所述表体的内容则跳转到该分页号对应的多维度信息记录；

(5)、当用户在所述分页跳转输入框输入任一分页号时，所述表体的内容则跳转到该分页号对应的多维度信息记录。