[发明专利]基于页面交互组件的操作处理方法、装置、设备及介质

说明书

本发明公开了一种基于页面交互组件的操作处理方法、装置、设备及介质，其中所述方法包括：接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。采用本发明，能解决现有选择select组件下拉框中存在渲染卡顿、下拉滑动不流畅及内存溢出等技术问题。

技术领域

本发明涉及软件开发技术领域，尤其涉及一种基于页面交互组件的操作处理方法、装置、设备及介质。

背景技术

在软件开发领域中针对元素用户界面(Element UI)中的选择(select)组件，目前定义了select组件公用的属性和方法，生成动态的选项(option)；根据用户键入事件，通过触发交换(change)事件在父子组件中采用注入的方式来进行父子组件间的数据相互通信。

然而在实践中发现，现有Element UI中的select组件下拉框中涉及的数据量较大时，例如数据量达到千万级别时，会造成页面渲染卡顿、下拉滑动不流畅及内存溢出等问题。

发明内容

本申请实施例通过提供一种基于页面交互组件的操作处理方法、装置、设备及介质，解决了现有选择select组件下拉框中存在渲染卡顿、下拉滑动不流畅及内存溢出等技术问题。

一方面，本申请通过本申请的一实施例提供一种基于页面交互组件的操作处理方法，所述方法包括：

接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；

响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。

可选地，所述组件操作事件包括以下交互事件中的至少一项：下拉框的筛选操作、单选操作、复选操作及全选操作，所述方法还包括：

将所述组件操作事件所指示的交互处理时，所选择的选项数据进行显示和提示处理。

可选地，所述组件操作事件包括文本框失去焦点事件，所述响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理包括：

响应所述文本框失去焦点事件，在基于所述页面交互组件输入模糊查询条件后，若检测到所述目标页面中空白区域的点击操作时，清空输入的所述模糊查询条件，将所述页面交互组件还原至预设的初始状态。

可选地，所述方法还包括：

输出所述页面交互组件相关的属性参数，所述属性参数包括以下中的至少一项：选项option、输入值value、占位符placeholder、出厂默认参数factoryDefault、空值参数showNullValue、及无用参数disabled。

可选地，所述方法还包括：

接收所述页面交互组件的输入数据；

在检测到所述页面交互组件的输入数据中包括空值数据时，将所述空值数据转换为空字符串。

可选地，所述接收组件操作事件之前，所述方法还包括：

定义所述页面交互组件所支持的功能操作；

采用组件封装模式，并运用基于所述虚拟框架的下拉框和所述虚拟树相结合的方式将定义后的所述页面交互组件渲染至所述目标页面中；

为所述页面交互组件，编写及定义对应的操作处理逻辑；