[发明专利]基于Vue.js的移动端组件库的应用方法、装置及移动端组件库在审
申请号: | 202111074072.7 | 申请日: | 2021-09-14 |
公开(公告)号: | CN113934414A | 公开(公告)日: | 2022-01-14 |
发明(设计)人: | 易文峰;赵铭;唐智;林祥洲;马鸿超 | 申请(专利权)人: | 南方电网深圳数字电网研究院有限公司 |
主分类号: | G06F8/34 | 分类号: | G06F8/34;G06F8/38 |
代理公司: | 广州三环专利商标代理有限公司 44202 | 代理人: | 肖宇扬 |
地址: | 518053 广东省深圳市南山区沙河街道高*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 vue js 移动 组件 应用 方法 装置 | ||
1.一种基于Vue.js的移动端组件库的应用方法,其特征在于,所述方法包括:
获取基于Vue.js的移动端组件库对应的注册信息,并根据所述注册信息对所述移动端组件库进行注册,所述移动端组件库包括多个组件;
当检测到所述移动端组件库注册完成之后,基于所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例;
向所述组件实例发送所述业务需求所需的参数,以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景。
2.根据权利要求1所述的基于Vue.js的移动端组件库的应用方法,其特征在于,所述组件包括:基础组件、表单组件、弹出层组件、滚动组件中的其中一种;
其中,所述基础组件包括图形组件与布局组件,用于生成移动端交互的图形与布局;
所述表单组件包括多个表单控件,用于设置校验条件,并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验;
所述弹出层组件,用于接收用户通过所述移动端输入的参数,并解析所述用户针对交互弹出层输入的参数,向对应的业务逻辑提供回调函数;
所述滚动组件,用于提供Android/iOS原生滚动体验的滚动列表。
3.根据权利要求1或2所述的基于Vue.js的移动端组件库的应用方法,其特征在于,所述根据所述注册信息对所述移动端组件库进行注册之后,所述方法还包括:
向所述移动端对应的移动应用添加所述移动端组件库中预设的Vue自定义指令,并根据所述Vue自定义指令生成对应指令效果的图形交互界面;
其中,所述图形交互界面包括所述组件实例,所述组件实例用于对所述移动应用的子页面模块的搭建。
4.根据权利要求3所述的基于Vue.js的移动端组件库的应用方法,其特征在于,所述方法还包括:
解析所述组件实例发送的输入事件,得到针对所述图形交互界面包含的参数信息,并将所述参数信息以预设的方式发送至所述业务逻辑,以触发所述业务逻辑执行与所述输入事件相匹配的操作;
其中,所述组件实例发送的输入事件表示为所述组件实例接收到的所述用户通过所述移动端的所述图形交互界面执行操作时所触发的事件。
5.根据权利要求4所述的基于Vue.js的移动端组件库的应用方法,其特征在于,所述将所述参数信息以预设的方式发送至所述业务逻辑,包括:
将所述参数信息以回调方式发送至所述业务逻辑,所述回调方式为所述回调函数传递参数的方式;或,
将所述参数信息以事件方式发送至所述业务逻辑,所述事件方式为事件对象传递参数的方式。
6.一种基于Vue.js的移动端组件库的应用装置,其特征在于,所述装置包括:
获取模块,用于获取基于Vue.js的移动端组件库对应的注册信息,所述移动端组件库包括多个组件;
注册模块,用于根据所述获取模块获取到的所述注册信息对所述移动端组件库进行注册;
生成模块,用于当检测到所述移动端组件库注册完成之后,基于所述注册模块注册后的所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例;
发送模块,用于向所述生成模块生成的所述组件实例发送所述业务需求所需的参数,以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景;
7.根据权利要求6所述的基于Vue.js的移动端组件库的应用装置,其特征在于,所述组件包括:基础组件、表单组件、弹出层组件、滚动组件中的其中一种;
其中,所述基础组件包括图形组件与布局组件,用于生成移动端交互的图形与布局;
所述表单组件包括多个表单控件,用于设置校验条件,并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验;
所述弹出层组件,用于接收用户通过所述移动端输入的参数,并解析用户针对交互弹出层输入的参数,向业务逻辑提供回调函数;
所述滚动组件,用于提供Android/iOS原生滚动体验的滚动列表。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于南方电网深圳数字电网研究院有限公司,未经南方电网深圳数字电网研究院有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111074072.7/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种三合一的多功能无线充电装置
- 下一篇:一种棒料切断设备