项目场景:
使用element ui
+vue
实现el-table
数据渲染至页面,一共有几种数据的渲染方式,分别使用了v-if
来进行判断
问题描述
这几种的数据渲染都没有问题,就是其中的一种数据渲染有问题,最开始以为是没有获取到后端返回的数据,但是一看接口数据都是有正常返回的!!!
然后我又以为是我的判断有问题,然后就去看了各种方法数据的返回数据,也是没有问题的,所以我就很纳闷了,不知道问题出现在哪里,在之前的开发中也没有遇到过这种问题!!!
最后去问了同事!!!
原因分析:
原因就是页面中运用了太多的v-if
做判断条件(找了老半天,没想到是因为这个问题,哭了)
解决方案:
就是在每一个el-table-column
上面加上唯一的key
值来区分,key
值可以设置Date.now()
或者是Math.Random()
最后,问题得以解决!!!感谢同事!!!
在这里只是记录我自己遇到的一些bug
处理,如有不足请多多包含!希望也对正在看的你有一定帮助~~~