博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【填坑日记】<transition-group> children must be keyed: <ElTag>
阅读量:5996 次
发布时间:2019-06-20

本文共 478 字,大约阅读时间需要 1 分钟。

写项目的时候,自己测试没有问题。联调的时候发现的。 一个页面点击每个下拉框选择的时候,都会报这个错的。

查找自己写的每个下拉框发现都给了:key值。自己mock测试的时候也没有什么问题。

然后挨着检索,发现实际清空是从接口拿到的数据是 22,12,23 这种形式,自己要经过转义成数值形式的数组才可以使用。自己拿到的数据是 ,33 这种形式的。转义出来的数组是 [null,33]。等于给了 key一个空值,所以报错。 说明过滤不够严谨啊。然后完善下转义函数。

strToArrayForId(_str){    return _str.split(',').map(item=>parseInt(item)).filter(item=>!isNaN(item));},复制代码

问题完美解决。

这里发现 element控件只要有一个控件出现缺少key值的情况,页面里面所有的key都会报错的。 另外一个坑。过滤空值的时候使用 !=null !=NaN 都没有解决。 忘了一个属性,NaN是不是空,甚至不等于自身。只能通过 isNaN来进行判断。罪过罪过!

转载地址:http://trqlx.baihongyu.com/

你可能感兴趣的文章
Canvas之打字机游戏
查看>>
桥接模式
查看>>
CADisplayLink
查看>>
【C#】【Thread】Semaphore/SemaphoreSlim信号量
查看>>
POSIX 消息队列 和 系列函数
查看>>
C语言条件编译及编译预处理阶段
查看>>
面向GPU的多LOD因子的大规模场景可视化策略 (转)
查看>>
透明button及玻璃按钮效果第三方控件带源码
查看>>
(原)关于APNs和Provider
查看>>
武汉华中区程序设计邀请赛
查看>>
过滤XSS(跨站脚本攻击)的函数和防止svn版本库被浏览
查看>>
Android蓝牙通信功能开发
查看>>
第十五章 链表(二) 链表的插入 删除 显示
查看>>
非 root 用户在 AIX 7.1 上安装和部署 MPICH2 Cluster 环境
查看>>
ASP.NET几种页面数据绑定的用法及区别: <%#、 <%=、 <% 、<%@
查看>>
全国省市XML
查看>>
ASP.NET 用 AjaxOptions 实现局部刷新
查看>>
Ubuntu13.04配置优化(三)<转贴>
查看>>
移动网络应用开发中,使用 HTTP 协议比起使用 socket 实现基于 TCP 的自定义协议有哪些优势?...
查看>>
转:DNS拾遗
查看>>