fix(VFileInput): trigger onInput after value has changed (#9091)

* fix(VFileInput): trigger onInput after value has changed

fixes: #9045

* Update VFileInput.ts

* Styling

* Update packages/vuetify/src/components/VFileInput/VFileInput.ts

Co-Authored-By: John Leider <[email protected]>

Author: matthieusieben

packages/vuetify/src/components/VFileInput/VFileInput.ts

@@ -11,7 +11,7 @@ import { VChip } from '../VChip'
 import { PropValidator } from 'vue/types/options'
 
 // Utilities
-import { humanReadableFileSize, wrapInArray } from '../../util/helpers'
+import { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'
 import { consoleError } from '../../util/console'
 
 export default VTextField.extend({
@@ -141,6 +141,17 @@ export default VTextField.extend({
       },
       immediate: true,
     },
+    value (v) {
+      const value = this.isMultiple ? v : v ? [v] : []
+      if (!deepEqual(value, this.$refs.input.files)) {
+        // When the input value is changed programatically, clear the
+        // internal input's value so that the `onInput` handler
+        // can be triggered again if the user re-selects the exact
+        // same file(s). Ideally, `input.files` should be
+        // manipulated directly but that property is readonly.
+        this.$refs.input.value = ''
+      }
+    },
   },
 
   methods: {