6-4 ElementUIのuploadによるawait問題解決方法filter()メソッドの実装

デリバリツールプロジェクトの開発
1.huiを使用するときに多くのピットが発生し、ドキュメントの説明が不十分で、例が少なすぎるなどの問題があります.元の文書を読む以外に、自分で研究しなければならないものもあります.
Vueアップロードファイル:ElementUIでのupload実装
実際、このuploadコンポーネントはformDataオブジェクトを介してサービス側と対話しているので、自分で手書きでアップロードするのも同じ理屈で、アップロードするたびにパスが異なることをカスタマイズすることもできます.

  let fd = new FormData();
    fd.append('file',file);//   
    fd.append('srid',this.aqForm.srid);//     
    axios.post('/api/up/file',fd).then(function(res){
            alert('  ');
    })

2.await is a reserved word問題解決方法コールバック関数があれば、あるいは関数の下にサブ関数を埋め込んで、awaitとasyncを同じ層に置かなければならない.そうすれば、ここでasyncとawaitがペアで現れるように呼び出すことができる.

  success: async (status, data, xhr) => {
          this.$msgbox({
            title: "    ",
            type: "success",
            message: ""
          });
          await this.setUploadPath(data.id);
          await this.$refs.upload.submit();
          await this.refreshData();
        },

3.JavaScript Array filter()メソッドプロジェクトでは、1つの配列をフィルタリングして必要な配列を得ることがよくあります.基本配列操作はmap()メソッドを使用して、自分でreturnの値を操作しても実現できますが、パッケージされた配列操作方法を使用すると、疑いなくより速くなります.

 //       id     ，                 
      if (this.editRowData.attachInfo) {
        this.fileList = this.editRowData.attachInfo.filter((item, index) => {
          return item.name;
        });
      }

ここでの動作は、item.nameに存在しない配列項目をフィルタリングすることである.