メソッド内で el-upload を呼び出します。

記事ディレクトリ

序文

1. 使用シナリオ

2. ステップを使用する

1.el-uploadタグ

2.呼び出し方法

要約する

---

序文

通常、el-upload を使用する場合、インポートするボタンを直接書き込みますが、今回の要件は、ドロップダウン カスケード パネルをクリックし、対応するタイプを選択してから呼び出しを行うことです。

---

1. 使用シナリオ

<el-dropdown></<el-dropdown>

<el-cascader-panel></el-cascader-panel>

<el-upload></el-upload> の組み合わせ

2. ステップを使用する

1.el-uploadタグ

コードは以下のように表示されます。

アップロードする zip 形式を指定する

accept="アプリケーション/zip"

<el-upload action="/crm/nonlaw/import"
           :on-success="importMould"
           :show-file-list="false"
           accept=".xls,.xlsx" ref="uploadRef">
</el-upload>

2.呼び出し方法

コードは次のとおりです（例）。

handleSelected(){
    console.log(this.selectItem)
    this.$refs.uploadRef.$refs["upload-inner"].handleClick()
},

---

要約する

参考: el-upload クリック イベントが el-upload にない場合に選択したファイルをトリガーする方法 (他のボタンが el-upload をトリガーしてアップロードする)_snows_l のブログ - CSDN ブログ