Input input box plus validation rule component (vue)

The
rendering of the input box component (with validation rules) :
Insert picture description here

Component name: my-input
can pass parameters

type1 input type
value Defaults
rule Validation rules
rule parameter rule
trigger Event name (str)
min Minimum (number)
max Maximum (number)
required Can't be empty (str)
reg Regular expression validation rules (//)
num_message Length error prompt (str)
req_message Error message must be transmitted (str)
reg_message Regular match error prompt (str)

Code:
Component code:Insert picture description hereInsert picture description here
Insert picture description here
Insert picture description here

Import component code from outside:
Insert picture description here

Still improving, please forgive me for any shortcomings

Guess you like

Origin blog.csdn.net/lin_fightin/article/details/111036130