Vueツリー構造におけるキー値の取得方法について

この記事では主に Vue ツリー構造のキー値を取得する方法の例を紹介します。内容が非常に優れているので、参考として共有します。

この記事では、Vue ツリー構造からキー値を取得する方法の例を紹介したいと思います。詳細は次のとおりです。

キー値ファイルを

に置きます。

コントロールを紹介します

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

クリックして検索し、ポップアップウィンドウを開きます

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

コントロールイベントを開き、コントロールイベントを閉じます

rrリー

ポップアップウィンドウを閉じるボタン

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

},

以上です この記事の内容全体は皆さんの学習に役立つことを願っています。 PHP中国語ウェブサイトです！

関連する推奨事項:

V-vueでローカル静的画像メソッドをロードするための

Vueには、固定テーブルヘッダーと最初の列を実装するためのメソッドが複数あります

以上がVueツリー構造におけるキー値の取得方法についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。