Edited at

Vue.jsで<input type="file">をリセットするバッドノウハウ

More than 1 year has passed since last update.

Vue.jsで管理されている <input type="file"> をリセットしたいことがまれによくあります。

そんな時に使える(かもれしれない)バッドノウハウです。


tl;dr


example.vue

<template>

<input type="file" ref="file" :key="fileId">
</template>

<script>
export default {
data () {
return {
fileId: 0
}
},

methods: {
reset () {
++this.fileId
}
}
}
</script>



参考

https://jp.vuejs.org/v2/api/#key