多选下拉框回显由于后端返回的是id需要前端自己进行比较来转换成汉字状态然后放到文本上

这是后端返回给我们的所有下拉选数据 里面有id也有名字

   这是我们之前在多选下拉框里选中的数据是以字符串形式返回给我们

需要我们通过总的数据和我们选中的数据进行对比,并把我们选中的数据有id转换成name汉字形式

 student为返回来你之前在下拉框里选中的数据

 key为后端给你返回的所有数据

 就是通过student和key进行比较

  //首先把值变成数组进行展示

                let k = student.split(',')

                //判断值与属性值是否相等,返回名字新数组

                let res = key.map(item => {

                    let a = k.map(i => {

                        if (i == item.sid) {

                            return item.name

                        }

                    })

                    return a

                })

                //将每个数组合成一个新数组

                let res2 = res.reduce(function (a, b) { return a.concat(b) })

                //删掉数组中的undefined

                for (let i = 0; i < res3.length; i++) {

                    if (res2[i] === undefined) {

                        res2.splice(i, 1)

                        i--

                    }

                }

                //把数组变成字符串形式进行展示

                this.res2 = res2.toString()

                console.log(res2.toString())

               且在data里定义一个res2,这样就可以直接引用res2里面就是你转换成汉字的数据了

           

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值