Sé sobre el alcance léxico que this palabra clave apunta a la ventana y no a Vue
Pero, ¿cómo hago para que apunte a Vue?
Lo que estoy tratando de hacer es obtener datos csv y analizarlos, estoy usando d3 para analizar los datos, funciona bien, simplemente no puedo emitir el evento con los datos debido al problema del alcance
async loadcsv(element){ let reader = new FileReader(); let file = element[0].file reader.onload = async function (e){ const data = e.target.result; let csvParsed = await d3.csvParse(reader.result); let collection = [] csvParsed.forEach(function (element) { collection.push({ id: Math.floor(Math.random() * 10000000), country : element['Country'], email : element['Email id'], poi_serial : element['Serial'], status: "New" }) }); // Not working, shows it's not defined // this.$emit('csvCollection', collection) } reader.readAsText(file); },Puede almacenar la instancia de vue en una variable antes de la función asíncrona que está utilizando como let self = this. o puede usar una función de flecha en lugar de la función que está usando. ver esta pregunta similar VueJs this.method no es una función? ¿Cómo llamar a un método dentro de otro método en Vuejs?
cambie la línea reader.onload a la siguiente para mantener el alcance léxico de this palabra clave
reader.onload = async (e) => {