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

Method for dynamically switching display data of cascaded panel assembly based on VUE

A technology for cascading panels and data, which is applied in the input/output process of data processing, electrical digital data processing, and digital output to display devices, etc. It can solve the problems of high data processing technology threshold and uncommon functions.

Active Publication Date: 2020-12-18
SICHUAN CHANGHONG ELECTRIC CO LTD
View PDF14 Cites 1 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
  • Method for dynamically switching display data of cascaded panel assembly based on VUE
  • Method for dynamically switching display data of cascaded panel assembly based on VUE
  • Method for dynamically switching display data of cascaded panel assembly based on VUE

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 display data of cascaded panel assemblies based on VUE, which comprises the following steps: converting tree-shaped data structure data into an object array by using a VUE parent-child communication solution, processing the converted object array, displaying the processed object array by using a VUE template, setting a related editing function, and realizing the effect of dynamically switching the display data. The technical scheme is summarized as follows: converting tree structure data into object array data, drawing a plurality of panel subassemblies with titles by using a VUE template according to the length of a title array of the panel assembly, filling the object array data into the panel subassemblies, forming cascaded panel assemblies with the panel assemblies, and setting a function of dynamically switching the display data of the cascaded panel assembly according to the VUE parent-child communication solution. The invention is applicable to the editable cascaded panel assembly based on the VUE.

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 Applications(China)
IPC IPC(8): G06F3/0481G06F3/0484G06F3/14
CPCG06F3/0481G06F3/0484G06F3/14
Inventor 杜玉芹
Owner SICHUAN CHANGHONG ELECTRIC CO LTD