Vue js:। केवल इस $ फेंकना एक समारोह

Question

मैं एक Vue घटक कॉल imageUpload बनाया और वी-मॉडल के रूप में संपत्ति पारित किया है नहीं है

<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]) 
    } 
}  

और मैं

प्राप्त

Uncaught TypeError: _this.$emit is not a function

धन्यवाद

Answer 1

एक वसा तीर के साथ अपने विधि को परिभाषित करें। उपयोग:

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

    } 
} 

जब आप एक वसा तीर के साथ अपने विधि को परिभाषित, आप शाब्दिक गुंजाइश, thiswindow की ओर इशारा करते हो जाएगा, और नहीं Vue जिसका मतलब है पर कब्जा।