File tree 1 file changed +5
-11
lines changed
src/components/form-group 1 file changed +5
-11
lines changed Original file line number Diff line number Diff line change 12
12
description =" Let us know your name."
13
13
label =" Enter your name"
14
14
label-for =" input-1"
15
+ valid-feedback =" Thank you!"
15
16
:invalid-feedback =" invalidFeedback"
16
- :valid-feedback =" validFeedback"
17
17
:state =" state"
18
18
>
19
19
<b-form-input id =" input-1" v-model =" name" :state =" state" trim ></b-form-input >
25
25
export default {
26
26
computed: {
27
27
state () {
28
- return this .name .length >= 4 ? true : false
28
+ return this .name .length >= 4
29
29
},
30
30
invalidFeedback () {
31
- if (this .name .length > 4 ) {
32
- return ' '
33
- } else if (this .name .length > 0 ) {
34
- return ' Enter at least 4 characters'
35
- } else {
36
- return ' Please enter something'
31
+ if (this .name .length > 0 ) {
32
+ return ' Enter at least 4 characters.'
37
33
}
38
- },
39
- validFeedback () {
40
- return this .state === true ? ' Thank you' : ' '
34
+ return ' Please enter something.'
41
35
}
42
36
},
43
37
data () {
You can’t perform that action at this time.
0 commit comments