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


Posted in Javascript onJune 21, 2018

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

把键值文件放入

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

引入控件

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

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

点击搜索,打开弹窗

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

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

打开控件事件,关闭控件事件

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

},

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

关闭弹窗按钮

<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树形结构获取键值的方法示例

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js判断样式className同时增加class或删除class
Jan 30 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
javascript 动态生成css代码的两种方法
Mar 17 Javascript
js模块加载方式浅析
Aug 12 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
vue-better-scroll 的使用实例代码详解
Dec 03 Javascript
Node.js 多线程完全指南总结
Mar 27 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 #Javascript
Vue 获取数组键名的方法
Jun 21 #Javascript
Taro集成Redux快速上手的方法示例
Jun 21 #Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 #Javascript
JS实现快递单打印功能【推荐】
Jun 21 #Javascript
详解javascript中的babel到底是什么
Jun 21 #Javascript
webpack打包react项目的实现方法
Jun 21 #Javascript
You might like
图象函数中的中文显示
2006/10/09 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
Bootstrap3制作自己的导航栏
2016/05/12 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
2017/07/11 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
Python抓取淘宝下拉框关键词的方法
2015/07/08 Python
浅析使用Python操作文件
2017/07/31 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
求职信内容考虑哪几点
2013/10/05 职场文书
单位单身证明范本
2014/01/11 职场文书
升旗仪式主持词
2014/03/19 职场文书
静心口服夜广告词
2014/03/20 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
机关保密承诺书
2014/06/03 职场文书
药剂专业自荐书
2014/06/20 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
CSS中Single Div 绘图技巧的实现
2021/06/18 HTML / CSS
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS