[发明专利]基于vue的下拉框的交互方法、装置、设备和介质有效
申请号: | 202010759835.0 | 申请日: | 2020-07-31 |
公开(公告)号: | CN112114726B | 公开(公告)日: | 2022-02-22 |
发明(设计)人: | 黄家昌;傅丽梅;杨辉;邱道椿 | 申请(专利权)人: | 福建亿能达信息技术股份有限公司 |
主分类号: | G06F3/0482 | 分类号: | G06F3/0482;G06F3/0483;G06F40/177 |
代理公司: | 福州市鼓楼区京华专利事务所(普通合伙) 35212 | 代理人: | 范小清 |
地址: | 350000 福建省福州市鼓楼*** | 国省代码: | 福建;35 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 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)、当用户在所述分页跳转输入框输入任一分页号时,所述表体的内容则跳转到该分页号对应的多维度信息记录。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于福建亿能达信息技术股份有限公司,未经福建亿能达信息技术股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010759835.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:报警装置及报警系统
- 下一篇:一种多渠道支付集成方法、平台、设备和介质