今天项目中新增了一个穿梭框的功能,如图:
![](https://img-blog.csdnimg.cn/img_convert/507b8518aea95a39bff5549c023cc811.png)
把代码示例粘贴到项目中,没有问题!于是就开始改造成接口获取的数据,id、key、lable等等一系列的设置,没有问题吧,可惜,报错了。如图:
![](https://img-blog.csdnimg.cn/img_convert/edb2569a90a8b38ebcb4b775fd701a41.png)
开始以为是一个异步获取数据的问题,加上v-if判断,并没有解决问题。文档我感觉倒翻烂了,同事朋友也问题,也没行,大百度搜出来说是对象中缺少title属性,加上,也没好使。
继续翻文档中...
发现示例代码中有一个toString(),如图:
![](https://img-blog.csdnimg.cn/img_convert/a89e1a81abee6c7a03056c2886bdd88a.png)
遂加之!神奇的效果出现了,竟然好了,不在报错了。
为什么要加上toString呢?真不知道。有懂的希望解读一下,抱拳.gif
另外:经过进一步测试,即使是key值加上toString(),如果不加title还是会报同样的错误。
希望这篇文章有帮到遇到同样报错的你。