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

Implementation method of segmented progress bar component based on VUE

An implementation method and a progress bar technology, which are applied in software engineering design, instruments, electrical digital data processing, etc., can solve the problem that the progress ratio of multiple events cannot be displayed in sections, and achieve the effect of improving the visual experience effect

Pending Publication Date: 2022-02-08
四川启睿克科技有限公司
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] The purpose of the present invention is to provide a segmented VUE-based The implementation method of the progress bar component, the present invention adopts JS basic calculation to correlate the date, the event progress ratio, and the length of the component container and display it with the VUE template, so as to solve the problem that the existing progress bar component cannot display the progress ratio of multiple events in sections than the problem

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
  • Implementation method of segmented progress bar component based on VUE
  • Implementation method of segmented progress bar component based on VUE
  • Implementation method of segmented progress bar component based on VUE

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0032] In order to make the purpose, technical solution and advantages of the present invention clearer, the technical solution of the present invention will be described in detail below. Apparently, the described embodiments are only some of the embodiments of the present invention, but not all of them. Based on the embodiments of the present invention, all other implementations obtained by persons of ordinary skill in the art without making creative efforts fall within the protection scope of the present invention.

[0033] In either embodiment, the combination figure 1 , figure 2 , a kind of implementation method of the segmented progress bar component based on VUE of the present invention is divided into the following steps:

[0034] Step 101, divide the component container into three sub-containers in the VUE template;

[0035] The three sub-containers are respectively used for subsequent drawing of stage date, stage progress bar, and stage name.

[0036] Step 102, o...

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 discloses an implementation method of a segmented progress bar component based on VUE. The data, the event progress proportion and the length of a component container are associated through a series of data processing and calculation by applying basic knowledge related to HTML, CSS, JS and VUE, and are displayed by using a VUE template; and the date, the event progress proportion and the length of the component container are associated through JS basic calculation and displayed through the VUE template, and the problem that an existing progress bar component cannot display multiple event progress proportions in a segmented mode is solved.

Description

technical field [0001] The invention relates to the technical field of computer software, in particular to the field of WEB front-end development, and in particular to a method for realizing a segmented progress bar component based on VUE. Background technique [0002] As far as the progress bar component is concerned, there are many high-quality solutions in the field of front-end development, and there are similar components in various U1 frameworks. However, most of the solutions are for displaying the progress ratio of a single event. The disadvantage is that only the progress ratio of a single event can be displayed, and the progress ratio of multiple events cannot be displayed in sections. So far, no solution has been found for a VUE-based segmented progress bar component. The reason is, on the one hand, because of the high threshold of data processing technology, and on the other hand, because the effect displayed by this component is not a common requirement of ordi...

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): G06F8/38
CPCG06F8/38Y02P90/30
Inventor 杜玉芹
Owner 四川启睿克科技有限公司