el-select回显二级多选数据

这段代码展示了如何处理参保情况的数据,通过split方法拆分字符串并结合findParent函数查找父级节点,将数据格式化为满足下拉框选择的结构。findParent函数遍历InsuredTree数组来找到子节点对应的父节点值。
摘要由CSDN通过智能技术生成

实现效果:

 

代码: 

       // 回显参保情况
		showInsured () {
        // this.form.insured 是点击编辑时获取到的二级数据
			let tempInsured = this.form.insured ? this.form.insured.split(',') : []
			let insured = []
			for (let i = 0;i < tempInsured.length;i++) {
				let arr = [tempInsured[i]]
				arr.unshift(this.findParent(tempInsured[i])) // 此时arr里的格式就满足了下拉被选中的格式,可以自己在下拉用change事件打印出来看看
				insured.push(arr)
			}
			this.form.insured = insured
		},


       //查找父级
		findParent (childeNode) {
			console.log(childeNode)
			console.log(this.InsuredTree) // 当前下拉数组
			let parentNode = ''
			for (let i = 0;i < this.InsuredTree.length;i++) {
				let index = this.InsuredTree[i].children.findIndex(item => item.value == childeNode)
				if (index != -1) {
					parentNode = this.InsuredTree[i].value
					break
				}
			}
			return parentNode
		},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值