[发明专利]基于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)、当用户在所述分页跳转输入框输入任一分页号时,所述表体的内容则跳转到该分页号对应的多维度信息记录。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于福建亿能达信息技术股份有限公司,未经福建亿能达信息技术股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202010759835.0/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top