diff options
author | Surya Venkatesan <suryav@ami.com> | 2024-09-12 10:30:05 +0300 |
---|---|---|
committer | Surya Venkatesan <suryav@ami.com> | 2024-09-12 12:30:16 +0300 |
commit | 52ed88529c764b6c4f60c6bd93fd1bcc532fc084 (patch) | |
tree | cc1873822c718dc27737c0125a737a111361c9f5 | |
parent | 8b49f6f4cd60f0f72c908c86f665702b2b9ad634 (diff) | |
download | webui-vue-52ed88529c764b6c4f60c6bd93fd1bcc532fc084.tar.xz |
Firmware page vuelidate and form file error fix
While add a file in the form file vuelidate error occurs and global
component form file not return a file, by emit the $event in form file
fix the issue.
Change-Id: Icbeddc7a3faa262f12e85268206ae70950f37905
Signed-off-by: Surya Venkatesan <suryav@ami.com>
-rw-r--r-- | src/components/Global/FormFile.vue | 2 | ||||
-rw-r--r-- | src/views/Operations/Firmware/FirmwareFormUpdate.vue | 20 |
2 files changed, 10 insertions, 12 deletions
diff --git a/src/components/Global/FormFile.vue b/src/components/Global/FormFile.vue index ccdc038e..bb3b46fe 100644 --- a/src/components/Global/FormFile.vue +++ b/src/components/Global/FormFile.vue @@ -8,7 +8,7 @@ :disabled="disabled" :state="state" plain - @input="$emit('input', file)" + @input="$emit('input', $event)" > </b-form-file> <span diff --git a/src/views/Operations/Firmware/FirmwareFormUpdate.vue b/src/views/Operations/Firmware/FirmwareFormUpdate.vue index c4d2c00c..abb25fc4 100644 --- a/src/views/Operations/Firmware/FirmwareFormUpdate.vue +++ b/src/views/Operations/Firmware/FirmwareFormUpdate.vue @@ -11,7 +11,7 @@ <form-file id="image-file" :disabled="isPageDisabled" - :state="getValidationState($v.file)" + :state="getValidationState(v$.file)" aria-describedby="image-file-help-block" @input="onFileUpload($event)" > @@ -69,7 +69,7 @@ export default { }, setup() { return { - $v: useVuelidate(), + v$: useVuelidate(), }; }, data() { @@ -81,12 +81,10 @@ export default { process.env.VUE_APP_SERVER_OFF_REQUIRED === 'true', }; }, - validations() { - return { - file: { - required, - }, - }; + validations: { + file: { + required, + }, }, created() { this.$store.dispatch('firmware/getUpdateServiceSettings'); @@ -120,13 +118,13 @@ export default { }); }, onSubmitUpload() { - this.$v.$touch(); - if (this.$v.$invalid) return; + this.v$.$touch(); + if (this.v$.$invalid) return; this.$bvModal.show('modal-update-firmware'); }, onFileUpload(file) { this.file = file; - this.$v.file.$touch(); + this.v$.file.$touch(); }, }, }; |