如何在Javascript / Vue中读取文件后对其进行主要编写

Question

我有一个获取文件内容并将其存储到字符串中的方法。我的this.parseText是一个全局变量：

`   openFile(event) {
        const inputFile = event.target.files[0];
        const readerObject = new FileReader();
        let fileText = 'Empty';
        readerObject.onload = function () {
          fileText = readerObject.result;
          this.parseText = fileText;
          console.log(fileText);
        };
        readerObject.readAsText(inputFile);
        return this.parseText;
},

`

我还有一个按钮，当用户点击它时，它应该操纵字符串。 HTML是： <input type="file" id="fileUpload" accept=".csv" @change="openFile"/> <button v-on:click="testButton">Test me!</button> 我有一个名为：

的函数

testButton() { console.log(this.parseText); }, 但是，当我控制它时，它不会打印文件的内容。这是因为openFile是异步的。我如何使用javascript（没有jQuery）等待this.parseText包含必要的String以便在我的testButton()函数中操作它？