您好,登錄后才能下訂單哦!
本文介紹了vue樹(shù)形結(jié)構(gòu)獲取鍵值的方法示例,分享給大家,具體如下:
把鍵值文件放入
引入控件
import { getTypeValue } from '@/api/dict/dictValue/index';
點(diǎn)擊搜索,打開(kāi)彈窗
<el-form-item label="機(jī)構(gòu)名稱(chēng)" placeholder="請(qǐng)選擇機(jī)構(gòu)" 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>
打開(kāi)控件事件,關(guān)閉控件事件
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 },
關(guān)閉彈窗按鈕
<el-dialog title="選擇機(jī)構(gòu)" width="30%" :visible.sync="dialogDepartVisible"> <depart-selector @closeDepartDialog="closeDepartDialog" ref="departSelector"></depart-selector> <span slot="footer" class="dialog-footer"> <el-button class="filter-item" @click="handlerAddDepart" type="primary" icon="edit">添加</el-button> </span> </el-dialog>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。