Über die Methode zum Erhalten von Schlüsselwerten in der Vue-Baumstruktur

In diesem Artikel werden hauptsächlich Beispiele für Methoden zum Erhalten von Schlüsselwerten in der Vue-Baumstruktur vorgestellt. Der Inhalt ist ziemlich gut und wird als Referenz dienen.

In diesem Artikel wird ein Beispiel für die Methode zum Abrufen von Schlüsselwerten aus der Vue-Baumstruktur vorgestellt und mit allen geteilt. Die Details lauten wie folgt:

Legen Sie die Schlüsselwertdatei ab in

Einführung von Steuerelementen

import { getTypeValue } from '@/api/dict/dictValue/index';

Zum Öffnen auf „Suchen“ klicken das Popup-Fenster

<el-form-item label="机构名称" placeholder="请选择机构" prop="orgName">

 <el-input readonly type="text" v-model="form.orgName">

  <el-button slot="append" icon="el-icon-search" @click="openDepartDialog()"></el-button>

 </el-input>

</el-form-item>

Steuerungsereignis öffnen, Steuerungsereignis schließen

openDepartDialog() {

 this.dialogDepartVisible = true

},

closeDepartDialog(depart) {

 console.log(depart)

 this.form.orgName = depart.label

 this.form.code = depart.id

 this.form.departId = depart.id

 this.dialogDepartVisible = false

},

Popup-Schaltfläche schließen

<el-dialog title="选择机构" width="30%" :visible.sync="dialogDepartVisible">

 <depart-selector @closeDepartDialog="closeDepartDialog" ref="departSelector"></depart-selector>

 <span slot="footer" class="dialog-footer">

  <el-button class="filter-item" style="margin-left: 10px;" @click="handlerAddDepart" type="primary" icon="edit">添加</el-button>

 </span>

</el-dialog>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der PHP-Chinese-Website!

Verwandte Empfehlungen:

v-zum Laden lokaler statischer Bildmethoden in Vue

Vue mehrere Methoden zum Implementieren von Tabellenüberschriften Und die Methode zum Reparieren der ersten Spalte

Das obige ist der detaillierte Inhalt vonÜber die Methode zum Erhalten von Schlüsselwerten in der Vue-Baumstruktur. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!