关于element中使用-transfer穿梭框选中右侧内容（本文针对后台的数组里不是 对象来说）
在这里插入图片描述

效果如上图显示，要求是取右侧中的数据
在这里插入图片描述

一开始我的想法是直接this.value就能取到，后来发现在这里插入图片描述取到的是这样的数组，不是我要的值得数组，是key的数组，因为后台返回的是数组，里面是字符串，而不是对象，所以当时我key对应的是数组的索引
在这里插入图片描述

通过思考，我相想出两个方法，也许还有更好的方法，因为已经解决了，所以没有多加思考

方法一：

在这里插入图片描述

去和后台确认这个数组里面的值会不会有重复，如果这个数组是用户电话或者ID之类不会重复的，就可以按照图上，将Key使用这个方法来赋值
在这里插入图片描述

这样就能获得值的数组
在这里插入图片描述

方法二：
如果在和后台确认后，数组中的数据有可能出现相同的情况下，上述方法就行不通了，key就只能还是用索引来定义
在这里插入图片描述这样的话，就只能换一种方法获取：
在这里插入图片描述

可以在这里定义一个数组，然后
在这里插入图片描述
这样获取出来就是想要的右侧的值 了
在这里插入图片描述

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue