Javascript I';m使用vueJS 2.6.10,我的组件发出未定义的值
我正在使用Vue.js 2.0,并且,我正在尝试将一个事件从子组件发送到父组件 事件在父组件上执行良好,但传递的值未定义 您可以在下面看到我的代码: 子组件: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
<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”