Unlock instant, AI-driven research and patent intelligence for your innovation.

The method of dynamically switching and displaying data based on vue-based cascading panel components

A technology of cascading panels and data, applied in the input/output process of data processing, electrical digital data processing, digital output to display devices, etc., can solve problems such as functions that are not particularly common and high data processing technology thresholds

Active Publication Date: 2022-03-08
SICHUAN CHANGHONG ELECTRIC CO LTD
View PDF14 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

The reason is, on the one hand, because of the high threshold of data processing technology, and on the other hand, because the functions of this component are not particularly common in daily website projects

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • The method of dynamically switching and displaying data based on vue-based cascading panel components
  • The method of dynamically switching and displaying data based on vue-based cascading panel components
  • The method of dynamically switching and displaying data based on vue-based cascading panel components

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0029] The method for dynamically switching and displaying data based on VUE cascading panel components in the present invention, the method flow chart is as follows figure 1 ,include:

[0030] Step 101, converting tree structure data into object array data;

[0031] Step 102, use the VUE template to draw multiple panel subcomponents with titles according to the length of the panel component title array;

[0032] Step 103, filling the object array data into the panel subcomponent, forming a cascaded panel component with the panel component;

[0033] Step 104, according to the VUE parent-child communication solution, set the cascade panel component to dynamically switch the display data function.

[0034] In step (1), the specific implementation method of converting tree structure data into object array data includes:

[0035] Step 11, setting the first empty array and the second empty array;

[0036] Step 12, put the initial tree structure data into the first empty array a...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to the field of web front-end development, in particular to a method for dynamically switching and displaying data by cascading panel components based on VUE. The VUE parent-child communication solution is used to convert tree-shaped data structure data into an object array, and convert the converted object After the array is processed, use the VUE template to display it and set related editing functions to achieve the effect of dynamically switching the display data. The technical solution is summarized as follows: convert the tree structure data into object array data, draw a plurality of panel sub-components with titles according to the length of the panel component title array, use the VUE template to draw multiple panel sub-components with titles, and fill the object array data into the panel sub-components. Form a cascading panel component, and set the cascading panel component to dynamically switch the function of displaying data according to the VUE parent-child communication solution. The present invention is applicable to VUE-based editable cascading panel components.

Description

technical field [0001] The invention relates to the field of web front-end development, in particular to a method for dynamically switching and displaying data of cascaded panel components based on VUE. Background technique [0002] As far as VUE-based cascading panel components are concerned, there are currently many high-quality solutions in the field of front-end development, and there are similar components in various UI frameworks. However, most of the solutions are used for tree data display and selection, or can only display tree data, or can select (single selection or multiple selection) data while displaying tree data. Its defect is that it can only display or select data, and cannot dynamically change data as needed. So far, there is no dynamically editable cascading panel component based on VUE. The reason is, on the one hand, because of the high threshold of data processing technology, and on the other hand, because the functions of this component are not part...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F3/0481G06F3/0484G06F3/14
CPCG06F3/0481G06F3/0484G06F3/14
Inventor 杜玉芹
Owner SICHUAN CHANGHONG ELECTRIC CO LTD