关于el-transfer右侧数据显示的问题

问题提出

近期做项目需要使用穿梭框,就高高兴兴地开始贴代码。把从后台取过来的数据放在穿梭框左侧,用props对属性进行重命名

presetProps:{
        key:'presetCode',  //value
        label:"presetName", //name
      },

在给右侧添加数据时,数据是可以进去,但是左侧框依然存在相同数据。百度了很久都没找到相似问题,是我太蠢了咩~
关于el-transfer右侧数据显示的问题_第1张图片

问题解决

在不使用后台数据的情况下,发现左右框是能正常显示的。重新看了一下从后台取到的value,是字符串数组,类似于value:['1','2','3'],在使用arr.map(Number)把数组转换成了value:[1,2,3]之后,穿梭框可以正常显示了关于el-transfer右侧数据显示的问题_第2张图片
暗自鼓掌,不愧是我!

你可能感兴趣的:(vue)