关于v-model绑定对象里的数组的问题

首先界面上是这样的
在这里插入图片描述<el-select v-
这里绑定的就是数组

绑定的时候是绑定这个对象的id值
传过去呢是没问题的 但是编辑的时候后台回来的数据是这样的

在这里插入图片描述
如果绑定id值那么界面上就会有问题在这里插入图片描述在这里插入图片描述
首先让界面上没问题就得绑定realName
在这里插入图片描述读取数据时绑定得这么写界面上就没有错但是呢再给传回去就是有问题的了 因为我们要的是id值并不是字符串
在这里插入图片描述
所以只能把数据抓出来遍历再遍历了
在这里插入图片描述
首先把获取到的数据找到他们对应的id值存到arr这个数组里
再然后如果里面数据里有已经是number值的数据的话也要丢到arr里面
最后多写一句去重 其实是不会出现重复项的这里
再区分如果是编辑就传arr这个数组新增就原来的数据绑定就好


版权声明:本文为weixin_44363296原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。