Javascript I';m使用vueJS 2.6.10,我的组件发出未定义的值

Javascript I';m使用vueJS 2.6.10,我的组件发出未定义的值,javascript,typescript,vue.js,vue-component,emit,Javascript,Typescript,Vue.js,Vue Component,Emit,我正在使用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="handleImageU

我正在使用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>

@组成部分
导出默认类InputFileComponent扩展Vue{
公共映像:字符串=“”;
@Prop()公共项?:分段标识;
公共handleImageUpload(e:事件){
/* ... */
图像压缩(文件,选项)。然后((压缩文件:Blob)=>{
/* ... */
myService.myFuction(formData)。然后(response=>{
vm.$emit('input'{
“formData”:formData,
检查文件:响应
});
});
});
}
}
父组件:

<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>

/* ... */
@组成部分({
组成部分:{
InputFileComponent
},
})
导出默认类PieceIdentite扩展Vue{
公众形象:任何;
公共inputFileValue(输入:任意){
this.checkImage=输入;
log('input::',this.checkImage);
}
}
调用“handleImageUpload”事件时,“inputFileValue”函数执行良好,但输入值未定义 有人能帮我吗?

@input=“inputFileValue($event)”@input=“inputFileValue”