关于问题的排查 antDesinger table全选选择不对的问题总结

239 阅读2分钟

问题描述

昨天遇到一个antDesinger的table使用的问题。表格中的某几条数据做了禁止勾选的处理,在做全选操作的时候遇到了问题,并没有按照预期的,把禁止勾选的项排除,选中其他没有禁用的项。一开始的排查思路是:猜测因为在其它的rowSelection的函数操作中进行了某些操作,影响到了全选的操作。去除掉其它所有的操作之后,发现问题还是存在。百度一下出现这种问题的原因是数据源中缺少了key字段,试了一下没有起效果(实际上这已经接近问题所在了)。后来通过同事的提醒,把官网的demo拷贝到项目里面尝试了一下,发现了问题所在,是因为rowKey这个字段,绑定的属性不存在(因为是直接从另外一个页面复制、粘贴过来的,把它的rowKey="record=>{record.qusetionId}"也直接拷贝过来了,实际上我们的数据源里面并没有这个questionId这个属性),所以就造成了不能唯一标识列表中的每一条数据,导致问题出现。

总结

下次再遇到问题的时候,先排除了所有的干扰项,还是有问题,可以通过直接复制官网demo到项目中,再找不同的地方,这样能够提高排查问题的效率。再遇到复制其他的组件使用遇到问题时候,一定要明白每个绑定的属性是否在我们的数据源中也存在,不能无脑复制粘贴。

主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-chocolate

贡献主题:github.com/xitu/juejin…

theme: juejin highlight: