vuejs2 - Vue js:_this。$ emit不是函数

Question

我创建了一个Vue组件，调用imageUpload并将属性作为v模型传递

<image-upload v-model="form.image"></image-upload>

并且在imgeUpload组件内
我有这个代码

<input type="file" accept="images/*" class="file-input" @change="upload">

upload:(e)=>{

    const files = e.target.files;
    if(files && files.length > 0){
        console.log(files[0])
        this.$emit('input',files[0])
     }
}    

我收到了


未捕获的TypeError：_this。$ emit不是函数


谢谢

Answer 1

不要用粗箭头定义方法。用：

upload: function(e){
    const files = e.target.files;
    if(files && files.length > 0){
        console.log(files[0])
        this.$emit('input',files[0])

    }
} 

当使用粗箭头定义方法时，您将捕获词法作用域，这意味着 this将指向包含作用域（通常为 window或 undefined），而不是Vue。