フロントエンドのファイルの読み取りとロードが失敗する

機能: ファイルの読み取り
問題: ブラウザが一時停止されており、他の操作を実行できません。
この時点では、読み取り機能はまだ実行中です。ファイルが大きすぎるため、データが読み取られていることをユーザーに知らせるために、読み込み効果を追加することを検討してください。
ファイルを読み取る前にロードを追加しました。ファイルを閉じた後、効果がなかったことがわかりました。
トラブルシューティング後、ファイルを閉じる代わりにロードを開きました。ファイルの読み取り後にロードが実行されることがわかりました。解決策 :
setTimeout
を使用して、ファイルの読み取り操作。

readTxt(f) {
    
    
    const loading = this.$loading({
    
     text: '拼命加载中' }) //全局loading
    const rd = new FileReader()
    rd.onload = e => {
    
    
      setTimeout(() => {
    
    
      	//内部数据处理
      	loading.close()//数据处理完后关闭
      }, 100)
    }
 },