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

最新推荐文章于 2024-02-27 21:00:00 发布

Norah_Yang

最新推荐文章于 2024-02-27 21:00:00 发布

阅读量5.3k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/Norah_Yang/article/details/112601154

版权

问题提出

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

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

在给右侧添加数据时，数据是可以进去，但是左侧框依然存在相同数据。百度了很久都没找到相似问题，是我太蠢了咩~
在这里插入图片描述

问题解决

在不使用后台数据的情况下，发现左右框是能正常显示的。重新看了一下从后台取到的value，是字符串数组，类似于value:['1','2','3']，在使用arr.map(Number)把数组转换成了value:[1,2,3]之后，穿梭框可以正常显示了在这里插入图片描述
暗自鼓掌，不愧是我！