diff options
| author | Jose Ivan Vargas <jvargas@gitlab.com> | 2018-02-05 15:27:42 -0600 |
|---|---|---|
| committer | Jose Ivan Vargas <jvargas@gitlab.com> | 2018-02-05 15:27:42 -0600 |
| commit | c07c162dfb44bf11cfb328a70b2cfbc69580b649 (patch) | |
| tree | 9d828aa65d0d28e5a1c6cc9115bc771381b5c536 /app | |
| parent | 2150ed4094ddb67d7b403cd56360700c80e7d928 (diff) | |
| download | gitlab-ce-revert-refs-confirmation-input-component.tar.gz | |
Revert the use of refs for v-model to allow reactivityrevert-refs-confirmation-input-component
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/javascripts/vue_shared/components/confirmation_input.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/app/assets/javascripts/vue_shared/components/confirmation_input.vue b/app/assets/javascripts/vue_shared/components/confirmation_input.vue index 1aa03ea6317..df967d0eb3a 100644 --- a/app/assets/javascripts/vue_shared/components/confirmation_input.vue +++ b/app/assets/javascripts/vue_shared/components/confirmation_input.vue @@ -22,6 +22,11 @@ default: true, }, }, + data() { + return { + enteredValue: '', + }; + }, computed: { inputLabel() { let value = this.confirmationValue; @@ -38,7 +43,7 @@ }, methods: { hasCorrectValue() { - return this.$refs.enteredValue.value === this.confirmationValue; + return this.enteredValue === this.confirmationValue; }, }, }; @@ -55,7 +60,7 @@ :id="inputId" :name="confirmationKey" type="text" - ref="enteredValue" + v-model="enteredValue" class="form-control" /> </div> |