vue树形结构获取键值的方法示例

本文介绍了vue树形结构获取键值的方法示例,分享给大家,具体如下:

把键值文件放入

引入控件

点击搜索,打开弹窗

名称" placeholder="请选择机构" prop="orgName">

<el-input readonly type="text" v-model="form.orgName">

<el-button slot="append" icon="el-icon-search" @click="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

},

关闭弹窗按钮

<depart-selector @closeDepartDialog="closeDepartDialog" ref="departSelector">

<span slot="footer" class="dialog-footer">

<el-button class="filter-item" style="margin-left: 10px;" @click="handlerAddDepart" type="primary" icon="edit">添加

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

问题现象 elmentui的el-tree数据加载问题,导致第一次加载选中当前节点和高亮当前节点没有生效。 解决方...
因为刚打开文件,vscode默认是预览状态,如果编辑过之后,就不会有这个问题。 可以通过双击将预览状态接...
前言 上篇文章我们介绍了国产SM4加密算法的后端java实现方案。没有看过的小伙伴可以看一下这篇文章。 h...
在项目中引入动态路由时报错 写法: 报错: Module build failed (from ./node_modules/_eslint-loader@2...
问题产生 在使用babel编译es6时,遇到报错Uncaught ReferenceError: regeneratorRuntime is not define...
父组件的编写 &amp;lt;a:orgCode=orgCode &amp;gt;&amp;lt;/a&amp;gt; 在data里面增加...