Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Vue-based form development method and device

A form and form item technology, applied in the computer field, can solve the problems of low development efficiency, low form item reusability, poor form item code maintainability, etc., to achieve the effect of improving reusability, improving development efficiency, and reducing code

Pending Publication Date: 2021-12-07
BEIJING WODONG TIANJUN INFORMATION TECH CO LTD +1
View PDF0 Cites 5 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] In view of this, the embodiment of the present invention provides a Vue-based form development method and device, which can at least solve the problem of low reusability of form items in existing form development, poor maintainability and low development efficiency caused by writing too many form item codes 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
  • Vue-based form development method and device
  • Vue-based form development method and device
  • Vue-based form development method and device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0041] Exemplary embodiments of the present invention are described below in conjunction with the accompanying drawings, which include various details of the embodiments of the present invention to facilitate understanding, and they should be regarded as exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the invention. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.

[0042] It should be noted that the form items in the form control of the present invention generally refer to UI controls / components that can be used for human-computer interaction in the form, such as original web form items such as input boxes, drop-downs, and multiple choices, and also include Cascader-level Common UI interaction components such as link selectors, Slide...

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 a Vue-based form development method and device, and relates to the technical field of computers. A specific embodiment of the method comprises the following steps: receiving input of configuration data of each form item in a form container component; circularly traversing the configuration data of each form item by using the dynamic rendering capability of a built-in component in the Vue so as to generate at least one form item; and assembling each data field name into a key value pair form, and transmitting the key value pair form to a v-model container attribute data communication interface of the form container component, so as to establish a bidirectional data communication relationship between at least one form item and the form container component through v-model. In the embodiment, a form container component dynamically renders configuration data in a form item based on a dynamic component function provided by an open source framework vue, and a specific form item is constructed by a props (component attribute) transmitted into a form container.

Description

technical field [0001] The invention relates to the field of computer technology, in particular to a Vue-based form development method and device. Background technique [0002] In today's web front-end development, the usual practice is to base it on an open source front-end framework plus a set of UI component libraries, combined with engineering mode development, which improves the development efficiency a lot compared to the history based on the jQuery framework. Form submission is a common and very important operation in web front-end development, and the code of its form items usually needs to be manually written by developers. To achieve figure 1 effect, the corresponding sample code is as follows figure 2 shown. [0003] In the process of realizing the present invention, the inventor found that the prior art has at least the following problems: when there are many form items, the corresponding code amount will be relatively bloated, which is not conducive to the r...

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
IPC IPC(8): G06F8/34G06F8/38G06F8/65
CPCG06F8/34G06F8/38G06F8/65
Inventor 付小波
Owner BEIJING WODONG TIANJUN INFORMATION TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com