Extension method and extension device based on el-tables

Abstract

The invention provides an extension method and an extension device based on el-tabs. The method comprises the following steps: creating subassemblies; obtaining a child item instance name transmitted by the parent component in a hook of the calculation attribute of the value; dynamically setting the content of a sub-item tabs page in the eltabs by using a slot slot mechanism of the vue, determining whether to render the content of the current sub-item tabs page or not, and setting that only one sub-item tabs page is rendered during default initialization; and triggering the corresponding data request in each sub-item again according to the unique ID value set by the current sub-item at the initial stage of component creation during sub-item switching. Therefore, calling can be simpler, the performance of the page during high-frequency large-data-volume rendering is improved, network resources and performance consumption for rendering all contents of the sub-item tab page during eltabs first rendering are reduced, and the phenomenon that the page is jammed after being opened for the first time is avoided.

Description

technical field [0001] The present invention relates to the technical field of data processing, in particular to an extension method based on el-tabs (a component of element UI, which realizes the function of a tab page), an extension device based on el-tabs, and a non-temporary A computer readable storage medium and a computer device. Background technique [0002] As a desktop component library, ELementUI is widely used in actual development project scenarios in the field of web (Global Wide Area Network). At the same time, it also has the disadvantage that it cannot meet the needs of various business application scenarios. The default strategy of el-tabs is a one-time Read all the requests involved in the tab, and after that, when switching tabs, no re-read operation will be performed. [0003] When the page is opened for the first time, we can only see the content of the current tab page. Vue (a progressive JavaScript framework for building user interfaces) will render a...

AI Technical Summary

Problems solved by technology

[0006] In order to solve the above technical problems, the present invention proposes an extension method based on el-tabs. This method repackages and expands the el-tabs component, making the call more concise and improving the rendering time of high-frequency large data volumes. The performance of the page, by using the combination of vue calculation attribute features and data cache, reduces the network resources and performance consumption of all the sub-item tab page content rendering when el-tabs is rendered for the first time, and avoids the phenomenon of page lag when opening the page for the first time

Images