【技术实现步骤摘要】
本申请属于组件调用，尤其涉及一种组件显示方法、装置、设备、介质及产品。
技术介绍
1、现有技术中，一般是通过人工代码编写单文件组件(single file components，sfc)，并在该组件注册后通过components属性引入页面，显式写入标签来调用该组件。
2、然而在一些场景中，比如一个消息通知框组件，项目中很多地方都可能使用该组件，通过上述方法需要对该组件进行重复注册、引入、显示写入标签来使得页面中显示该消息通知框组件，即需要人工重复编写该组件的相关代码以便后续能够调用显示该组件。如此，以致于组件调用显示的灵活度较低。基于此，如何提高组件显示的灵活度是一个亟待解决的技术问题。
技术实现思路
1、本申请实施例提供一种组件显示方法及其装置、设备、介质及产品，提高了组件显示的灵活度。
2、第一方面，本申请实施例提供一种组件显示方法，该方法包括：
3、获取第一组件和第二组件，所述第一组件包括第一组件属性和第一组件使用方法；
4、构建所述第一组件和所述第二组件之间的继承关系，所述继承关系表征所述第二组件继承所述第一组件已定义的第一组件属性和第一组件使用方法；
5、基于所述第一组件和所述第二组件之间的继承关系，通过创建并运行所述第二组件的组件实例，以得到目标组件；
6、显示所述目标组件。
7、在第一方面的一种可选的实施方式中，所述第二组件包括第二组件属性和第二组件使用方法，所述第二组件属性和第二组
8、所述构建第一组件和第二组件之间的继承关系，包括：
9、通过将第二组件属性赋值为第一组件属性，并将第二组件使用方法赋值为第一组件使用方法，构建所述第一组件和第二组件之间的继承关系。
10、在第一方面的一种可选的实施方式中，所述通过将第二组件属性赋值为第一组件属性，并将第二组件使用方法赋值为第一组件使用方法，构建所述第一组件和第二组件之间的继承关系，包括：
11、利用预设构建函数，将第二组件属性赋值为第一组件属性，并将第二组件使用方法赋值为第一组件使用方法，构建所述第一组件和第二组件之间的继承关系。
12、在第一方面的一种可选的实施方式中，所述基于所述第一组件和所述第二组件之间的继承关系，通过创建并运行所述第二组件的组件实例，以得到目标组件，包括：
13、基于所述第一组件和第二组件之间的继承关系，创建所述第二组件的组件实例，并运行所述第二组件的组件实例，通过预设接口获取组件参数，并向所述第二组件的组件实例传递所述组件参数，以得到目标组件。
14、在第一方面的一种可选的实施方式中，所述组件参数包括渲染参数；向所述第二组件的组件实例传递所述组件参数，以得到目标组件，包括：
15、向所述第二组件的组件实例传递所述渲染参数，并基于所述渲染参数对所述第二组件的组件实例进行渲染，以得到目标组件。
16、在第一方面的一种可选的实施方式中，所述目标组件包括弹窗组件；所述显示所述目标组件，包括：
17、接收弹窗显示请求，所述弹窗显示请求包括用户输入的用户账号以及账号密码；
18、对所述用户账号以及所述账号密码进行校验，并在所述用户账号以及所述账号密码校验无误的情况下，显示所述弹窗组件。
19、第二方面，本申请实施例提供一种组件显示装置，该装置包括：
20、获取模块，用于获取第一组件和第二组件，所述第一组件包括第一组件属性和第一组件使用方法；
21、建立模块，用于构建所述第一组件和所述第二组件之间的继承关系，所述继承关系表征所述第二组件继承所述第一组件已定义的第一组件属性和第一组件使用方法；
22、创建模块，用于基于所述第一组件和所述第二组件之间的继承关系，通过创建并运行所述第二组件的组件实例，以得到目标组件；
23、显示模块，用于显示所述目标组件。
24、第三方面，提供一种电子设备，包括：存储器，用于存储计算机程序指令；处理器，用于读取并运行存储器中存储的计算机程序指令，以执行第一方面中任一可选的实施方式提供的组件显示方法。
25、第四方面，提供一种计算机存储介质，计算机存储介质上存储有计算机程序指令，计算机程序指令被处理器执行时实现第一方面中的任一可选的实施方式提供的组件显示方法。
26、第五方面，提供一种计算机程序产品，计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备执行实现第一方面中的任一可选的实施方式提供的组件显示方法。
27、在本申请实施例中，能够获取第一组件和第二组件，并构建第一组件和第二组件之间的继承关系，由于第一组件可以包括第一组件属性和第一组件使用方法，且上述继承关系表征第二组件继承第一组件已定义的第一组件属性和第一组件使用方法，基于此，可以基于上述第一组件和第二组件之间的继承关系，通过创建并运行第二组件的组件实例，以得到目标组件，进而可以显示目标组件。如此，可以通过继承关系，不仅可以按照用户的需求调用并显示相应的组件，还避免了全局注册带来的成本较高以及页面性能较差等问题，进而可以提高组件显示的灵活性。
本文档来自技高网...【技术保护点】
1.一种组件显示方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述第二组件包括第二组件属性和第二组件使用方法，所述第二组件属性和第二组件使用方法分别对应的值为空值；
3.根据权利要求2所述的方法，其特征在于，所述通过将第二组件属性赋值为第一组件属性，并将第二组件使用方法赋值为第一组件使用方法，构建所述第一组件和第二组件之间的继承关系，包括：
4.根据权利要求1所述的方法，其特征在于，所述基于所述第一组件和所述第二组件之间的继承关系，通过创建并运行所述第二组件的组件实例，以得到目标组件，包括：
5.根据权利要求4所述的方法，其特征在于，所述组件参数包括渲染参数；向所述第二组件的组件实例传递所述组件参数，以得到目标组件，包括：
6.根据权利要求1所述的方法，其特征在于，所述目标组件包括弹窗组件；所述显示所述目标组件，包括：
7.一种组件显示装置，其特征在于，所述装置包括：
8.一种电子设备，其特征在于，所述设备包括：处理器以及存储有计算机程序指令的存储器；
9
10.一种计算机程序产品，其特征在于，所述计算机程序产品中的指令由电子设备的处理器执行时，使得所述电子设备执行如权利要求1-6任意一项所述的组件显示方法。
...【技术特征摘要】
1.一种组件显示方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述第二组件包括第二组件属性和第二组件使用方法，所述第二组件属性和第二组件使用方法分别对应的值为空值；
3.根据权利要求2所述的方法，其特征在于，所述通过将第二组件属性赋值为第一组件属性，并将第二组件使用方法赋值为第一组件使用方法，构建所述第一组件和第二组件之间的继承关系，包括：
4.根据权利要求1所述的方法，其特征在于，所述基于所述第一组件和所述第二组件之间的继承关系，通过创建并运行所述第二组件的组件实例，以得到目标组件，包括：
5.根据权利要求4所述的方法，其特征在于，所述组件参数包括渲染参数；向所述第二组件的...
【专利技术属性】
技术研发人员：张稳稳，
申请(专利权)人：中国建设银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。