inputのtype=fileで同じファイルを連続して選択できない

template

<input type="file" @change="onChange">

と書いて、同じファイルを連続して選択した時、changeイベントが発火しませんでした。

同じファイルを選んだ時に、inputタグのvaluenの値が変わらないことが原因だそうです。

click時にvalueの値を初期化することで複数回選択ができるようになりました。

template

<input type="file" @click="onClick" @change="onChange">

script

const onClick = (e) => {
	e.target.value = '';
}