本文介绍了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" @click="handlerAddDepart" type="primary" icon="edit">添加</el-button>
</span>
</el-dialog>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。