vue樹形結構獲取鍵值的方法示例
更新時間：2018年06月21日 14:33:21 作者：miaomiaotab
這篇文章主要介紹了vue樹形結構獲取鍵值的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本文介紹了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>
打開控件事件，關閉控件事件
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
},
關閉彈窗按鈕
<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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue-Cli項目優(yōu)化操作,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
今天小編就為大家分享一篇vue使用prop可以渲染但是打印臺報錯的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
在vue項目開發(fā)中,我們會將經常用到的邏輯或模塊抽象成組件,對于那些多個項目都有用到的組件,可以考慮封裝成組件庫,這篇文章主要給大家介紹了關于webpack如何打包一個按需引入的vue組件庫的相關資料,需要的朋友可以參考下2022-02-02
解決vue cli4升級sass-loader(v8)后報錯問題
這篇文章主要介紹了解決vue cli4升級sass-loader(v8)后報錯問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue--Router動態(tài)路由的用法,很多時候，我們需要將給定匹配模式的路由映射到同一個組件，在?Vue?Router?中，我們可以在路徑中使用一個動態(tài)字段來實現(xiàn)，我們稱之為路徑參數(shù)，本文對Vue?Router動態(tài)路由相關知識給大家介紹的非常詳細，需要的朋友參考下吧2022-08-08
vue?動態(tài)添加el-input的實現(xiàn)邏輯
這篇文章主要介紹了vue?動態(tài)添加el-input的實現(xiàn)代碼，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06
詳解Vue后臺管理系統(tǒng)開發(fā)日?？偨Y(組件PageHeader)
這篇文章主要介紹了詳解Vue后臺管理系統(tǒng)開發(fā)日?？偨Y(組件PageHeader)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
vue在使用element組件出現(xiàn)<el-input>標簽無法輸入的問題
這篇文章主要介紹了vue在使用element組件出現(xiàn)<el-input>標簽無法輸入的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
BuildAdmin elementPlus自定義表頭添加tooltip方法示例
這篇文章主要介紹了BuildAdmin elementPlus 自定義表頭,添加tooltip實現(xiàn)方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
Vue使用pdfobject實現(xiàn)預覽pdf的示例詳解
PDFObject?是一個?JavaScript?庫用來在HTML中動態(tài)嵌入?PDF?文檔。這篇文章主要為大家詳細介紹了使用pdfobject實現(xiàn)預覽pdf的功能，需要的可以了解一下2023-03-03