Vue.js input fileで同じファイルを選択すると再認識してくれない

inputでファイルを選んだ後に、該当がいるを修正してもう一度再認識させてから投稿したい場合がある。

しかしそのままだと同じファイル名なので違いがないとみなされ、再認識してくれない。

修正前のファイルをアップロード投資てしまうことになる

なので、再認識させよう。

<template>
    <div>
            <v-file-input v-model="file" id="fileInput" label="UTF-8以外の形式、登録済シリアル番号が含まれていた場合はCSVファイルそのものを受け付けません。"
                truncate-length="15" accept=".csv" @change="changeFile">
            </v-file-input>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                this.file:"",
            }
        },
        methods: {
                    changeFile() {//同じファイルを修正して選び直した場合も再認識
                        const input = document.getElementById('fileInput');
                        input.addEventListener('click', (e) => {
                            e.target.value = '';
                        })
                    },
        }
    }
</script>

<v-file-input>はvuetifyというフレームワークの書き方なので、<input type="file">とかに脳内変換してほしい。

参考にした記事

inputのfileで2回同じものを選択するとchangeが効かない