用于在页面组件间传送数据的方法、装置以及设备、介质制造方法及图纸

本公开提供了一种用于在页面组件间传送数据的方法、装置以及电子设备、存储介质，涉及计算机技术领域，其中的方法包括：当与第一页面组件相对应的状态数据发生改变时，获得与第一页面组件具有嵌套关系的第二页面组件；判断第一页面组件和第二页面组件之间的嵌套层级是否大于预设的层级阈值；如果是，则使用基于vuex框架的第一页面组件间通信机制将状态数据传送给第二页面组件，以使第二页面组件基于状态数据进行相应地状态数据更新处理；本公开的方法、装置以及电子设备、存储介质，解决了页面组件间的状态数据维护困难的问题，提高了具有嵌套关系的页面组件共同维护的状态数据的一致性，提高了开发效率，减小了维护成本。

Methods, devices, equipment and media for transferring data between page components

【技术实现步骤摘要】
用于在页面组件间传送数据的方法、装置以及设备、介质
本公开涉及计算机
，尤其涉及一种用于在页面组件间传送数据的方法、装置以及电子设备、存储介质。
技术介绍
页面组件对状态数据和方法进行封装，状态数据可以为价格、时间、税费等数据。前端页面中的页面组件多并且组件间的数据交互频繁，不仅需要进行父子组件等之间的数据交互，还需要进行跨页面之间的页面组件之间的数据交互，导致前端页面在管理页面组件之间的数据状态时容易出现错误。
技术实现思路
为了解决上述技术问题，提出了本公开。本公开的实施例提供了一种用于在页面组件间传送数据的方法、装置以及电子设备、存储介质。根据本公开实施例的一个方面，提供一种用于在页面组件间传送数据的方法，包括：当与第一页面组件相对应的状态数据发生改变时，获得与所述第一页面组件具有嵌套关系的第二页面组件；判断所述第一页面组件和所述第二页面组件之间的嵌套层级是否大于预设的层级阈值；如果是，则使用基于vuex框架的第一页面组件间通信机制将所述状态数据传送给所述第二页面组件，以使所述第二页面组件基于所述状态数据本文档来自技高网...

【技术保护点】
1.一种用于在页面组件间传送数据的方法，包括：/n当与第一页面组件相对应的状态数据发生改变时，获得与所述第一页面组件具有嵌套关系的第二页面组件；/n判断所述第一页面组件和所述第二页面组件之间的嵌套层级是否大于预设的层级阈值；/n如果大于预设的层级阈值，则使用基于vuex框架的第一页面组件间通信机制将所述状态数据传送给所述第二页面组件，以使所述第二页面组件基于所述状态数据进行相应地状态数据更新处理；/n其中，所述第一页面组件和第二页面组件为基于vue框架的页面组件。/n

【技术特征摘要】
1.一种用于在页面组件间传送数据的方法，包括：
当与第一页面组件相对应的状态数据发生改变时，获得与所述第一页面组件具有嵌套关系的第二页面组件；
判断所述第一页面组件和所述第二页面组件之间的嵌套层级是否大于预设的层级阈值；
如果大于预设的层级阈值，则使用基于vuex框架的第一页面组件间通信机制将所述状态数据传送给所述第二页面组件，以使所述第二页面组件基于所述状态数据进行相应地状态数据更新处理；
其中，所述第一页面组件和第二页面组件为基于vue框架的页面组件。


2.如权利要求1所述的方法，还包括：
如果确定所述第一页面组件和所述第二页面组件的嵌套层级小于或等于预设的层级阈值，则使用基于vue框架的第二页面组件间通信机制将所述状态数据传送给所述第二页面组件，以使所述第二页面组件基于所述状态数据进行相应地状态数据更新处理。


3.如权利要求1或2所述的方法，所述使用基于vuex框架的第一页面组件间通信机制将所述状态数据传送给所述第二页面组件包括：
预设数据存储对象，在所述数据存储对象内设置与所述状态数据相对应的全局状态数据变量；
预设数据状态监控功能；其中，在所述第一页面组件和所述第二页面组件中都加入数据状态监控功能；
当所述状态数据发生改变时，通过所述数据状态监控功能触发所述第一页面组件间通信机制利用所述数据存储对象将所述状态数据传送给所述第二页面组件。


4.如权利要求3所述的方法，所述通过所述数据状态监控功能触发所述第一页面组件间通信机制利用所述数据存储对象将所述状态数据传送给所述第二页面组件包括：
预设与所述状态数据相对应的、基于所述vuex框架的mutations方法和getter方法；
当所述状态数据发生改变时，通过所述数据状态监控功能调用所述mutations方法，使用所述mutations方法修改所述数据存储对象中的所述全局状态数据变量；
当所述全局状态数据变量发生变化时，触发与发生变化的全局状态数据变量对应的所...

【专利技术属性】
技术研发人员：吴庆凡，
申请(专利权)人：贝壳技术有限公司，
类型：发明
国别省市：天津;12