À propos de la méthode d'obtention des valeurs clés dans l'arborescence Vue

Cet article présente principalement des exemples de méthodes pour obtenir des valeurs clés dans l'arborescence Vue. Le contenu est assez bon, je vais le partager avec vous maintenant et le donner comme référence.

Cet article présente un exemple de la méthode d'obtention des valeurs clés​​à partir de l'arborescence Vue et le partage avec tout le monde. Les détails sont les suivants :

Mettez le fichier de valeurs clés. dans

Présentation des contrôles

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

Cliquez sur Rechercher pour ouvrir la fenêtre contextuelle

<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>

Ouvrir l'événement de contrôle, fermer l'événement de contrôle

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

},

Fermer le bouton pop-up

<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>

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au chinois PHP. site web!

Recommandations associées :

v-pour charger la méthode d'image statique locale dans vue

Vue plusieurs méthodes pour implémenter les en-têtes de tableau Et la méthode de fixation de la première colonne

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!