位置: IT常识 - 正文

element级联选择器选择获得完整数组(element级联选择器动态获取数据)

编辑:rootadmin
element组件的change方法默认获取的只有选择的id,如果同时我们想要获得选中的name或其他数据则是不行的 这时候组件本身给我们提供了方法 下面是使用方法 HTML <el-form-item label="排查地点" class="requireds-label"> <el-cascad ...

推荐整理分享element级联选择器选择获得完整数组(element级联选择器动态获取数据),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:element级联选择器多选,element级联选择器,选了一级菜单不能选二级菜单,element级联选择器原理,element级联选择器获取label,element级联选择器多选,element级联选择器获取label,element级联选择器多选,element级联选择器,内容如对您有帮助,希望把文章链接给更多的朋友!

element组件的change方法默认获取的只有选择的id,如果同时我们想要获得选中的name或其他数据则是不行的

这时候组件本身给我们提供了方法

element级联选择器选择获得完整数组(element级联选择器动态获取数据)

下面是使用方法

HTML

<el-form-item label="排查地点" class="requireds-label"><el-cascaderv-model="checkPlaceName_ids":options="regionInfoOptions":props="customProps"@change="handleChange"clearablefilterable></el-cascader></el-form-item>

script

根据不同需求获得数据,我这里需求是获得选择的最后一个id和选择的name‘/’分割拼接字符串

data() {return {checkPlaceName_ids:'', // 绑定回显的参数regionInfoOptions: [],// 请求接口获得的数组customProps:{value: 'id', // 自定义当前数组的键名label: 'name',children: 'children'}}}//element组件里的 getCheckedNodes获取选中的节点getCascaderObj(val, opt) {return val.map(function(value, index, array) {for (var itm of opt) {if (itm.id == value) {opt = itm.children;return itm;}}return null;});},handleChange(value) {this.form.checkPlaceCode = value[value.length-1];const vals = this.getCascaderObj(this.checkPlaceName_ids, this.regionInfoOptions); //选中节点数据var names = []for(var i =0;i<vals.length; i++) {names.push(vals[i].name)}var str = names.join('/');this.form.checkPlaceName = str; //赋值给发送的参数},

原文地址:vue级联选择器的getCheckedNodes用法_施玥喵的博客-CSDN博客_getcheckednodes

本文链接地址:https://www.jiuchutong.com/zhishi/310827.html 转载请保留说明!

上一篇:python如何获取列表的长度(python如何获取列表元素)

下一篇:简单更改DEDECMS模板背景色的方法(dedecms更新)

  • 公司附加税怎么计算
  • 发票开错对方已抵扣怎么处理
  • 其他应收款平账怎么做分录
  • 个人收取借款利息增值税
  • 在哪里报个税
  • 快速撕发票的方法有哪些
  • 开票软件找不到已开发票
  • 非行政性罚款可以撤销吗
  • 房地产退房款会计分录
  • 劳动仲裁是怎样仲裁公司的
  • 工资不到3500用交个税吗
  • 建筑业简易征收差额征税的计算案例
  • 软件的维修性要求
  • 广告发布税收编码
  • 一般纳税人以清包工方式
  • 进项税和销项税税率一样吗
  • 进口设备的重置成本包括什么
  • 其他应付款报表填列
  • 外汇收入会计分录
  • 劳动生产总值计算公式.doc
  • 推迟确认收入的方法
  • 劳务派遣个税怎么扣
  • 个体户开劳务费税率
  • 原材料生产产生的费用
  • 分期购车的会计分录
  • 企业之间的违约金进什么科目
  • 设立全资子公司的风险
  • 个人出租住宅需要交哪些税
  • PHP:xml_get_error_code()的用法_XML解析器函数
  • 新企业办理地税登记流程
  • windows10护眼色设置
  • php function
  • vue3.0项目
  • 黄石国家公园的建立意义
  • laravel定时任务如何实现的
  • 实际退税能退多少
  • php反射使用场景
  • vuecli项目实战
  • 微软回应
  • css怎么让文字垂直居中显示
  • 融资手续费计入长期待摊
  • 物流公司账务处理特点
  • 对企业来说什么是工匠精神
  • 工厂加工外包
  • 法定盈余公积的作用
  • 信用证保证金账户属于什么账户性质
  • 总记账凭证核算怎么做
  • 发票税额不全能抵扣吗
  • 个人所得税如何计算
  • 工程施工科目下可以设置咨询费吗
  • 自建生产线的入账价值
  • 商贸公司的外账怎么做
  • 日用品增值税率是多少
  • 金税盘减免税款的会计分录
  • 注册资本可以随便填吗
  • 房地产开发企业增值税怎么算
  • wins9
  • macos怎么操作
  • freebsd使用
  • windows无法
  • xp系统怎么添加ip地址
  • WinXP创建一键静音快捷键(在喇叭消失的情况下实用)
  • linux系统中cp命令
  • centos7 ip forward
  • openfiledialog怎么用
  • linux系统怎么维护
  • win10超级按钮
  • linux图形界面与命令行
  • win7 64位旗舰版下载后怎样禁用搜索记录?win7禁用搜索记录的设置方法
  • jquery 动态加载js
  • gitlab管理员账号 审批
  • 安卓下的分件分享怎么弄
  • JavaScript正则表达
  • python发送短信到手机
  • 基于python的研究
  • androidstudio webview
  • 用AutoCompleteTextView实现自动提示
  • 杭州电子税务局注册流程
  • 香港买iphone要交多少税
  • 手表关税税率一般是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设