Я использую vueJS 2.6.10, мой компонент испускает неопределенное значение

Question

Я использую Vue.js 2.0 и пытаюсь передать событие из дочернего компонента в родительский компонент.

Событие правильно выполняется в родительском компоненте, но переданное значение не определено?

Вы можете увидеть мой код ниже:

дочерний компонент:

<template>
<div class="input-file-container" :class="classDiv">
  <input :id="'upload-file-'+item.id" :name="item.id" type="file" v-on:change="handleImageUpload" />
</div>
</template>
<script lang="ts">
    @Component
    export default class InputFileComponent extends Vue {
        public image:string = '';
        @Prop() public item?: PieceIdentite;

        public handleImageUpload (e:Event) {
            /* ... */
            imageCompression(file, options).then( (compressedFile:Blob) => {
                /* ... */
                myService.myFuction(formData).then( response =>{
                    vm.$emit('input', {
                        'formData': formData,
                        checkFile : response
                    });
                });
            });
        }
    }
</script>

родительский компонент:

    <template>
      <div class="input-file-container" >
            <InputFileComponent :item="item" @input="inputFileValue(input)" ></InputFileComponent>
      </div>
    </template>
<script lang="ts">
    /* ... */
    @Component({
        components: {
            InputFileComponent
        },
    })
    export default class PieceIdentite extends Vue {
        public checkImage:any;
        public inputFileValue(input:any){
            this.checkImage = input ;
            console.log('input::', this.checkImage);
        }
    }
</script>

, когда вызывается событие handleImageUpload, функция inputFileValue выполняется хорошо, но входное значениеКто-нибудь может мне помочь?