FileReader dans un script lang="ts" - problème de conversion [Clos]

Bonjour,

Relativement neuf au maniement de vue.je, je tatonne à la lecture d’un fichier en local.
Mon objectif long terme est de lire un fichier local et de le convertir en structure pour le manipuler et l’afficher ensuite.

Pour le moment, la simple lecture du fichier est un problème.
J’ai une structure d’application et j’ai en fait besoin de convertir le code suivant : https://codesandbox.io/s/4p0k1xly4 en utilisant non pas du javascript pur, mais du typescript.
Donc avoir un code qui fonctionne avec le tag <script lang=“ts”>

Pour le moment je suis nul part. Après pas mal de lecture, je pense qu’il y a quelque chose que j’ai zappé.

Merci de votre aide

Bonjour,

Après une bonne nuit, j’ai eu une illumination :
Voici donc comment le fichiier TextReader .vue doit être modifié.
Désolé de cette question simple finalement.

Version initiale

    <template>
      <label class="text-reader">
        Read File
        <input type="file" @change="loadTextFromFile">
      </label>
    </template>

    <script>
    export default {
      methods: {
        loadTextFromFile(ev) {
          const file = ev.target.files[0];
          const reader = new FileReader();
          reader.onload = e => this.$emit("load", e.target.result);
          reader.readAsText(file);
        }
      } 
    };
    </script>

Mise à jour OK

    <template>
      <label class="text-reader">
        Read File
        <input type="file" @change="loadTextFromFile">
      </label>
    </template>

    <script lang="ts">
    import { Vue, Component } from "vue-property-decorator";
    @Component
    export default class TextReader extends Vue {
        loadTextFromFile(ev: any) {
          let file = ev.target!.files[0];
          let reader = new FileReader();
          reader.onload = e => this.$emit("load", reader.result);
          reader.readAsText(file);
        }
    };
    </script>