Vue.jsで<input type="file">をリセットする

v-ifでスイッチすることで一度エレメントを破棄して再生成する。

example.vue

<template>
  <input type="file" v-if="view">
</template>

<script>
  export default {
    data () {
      return {
        view: true
      }
    },

    methods: {
      reset () {
        this.view = false
        this.$nextTick(function () {
          this.view = true
        })
      }
    }
  }
</script>

参考にした記事

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