在堆砌页面的时候遇到了一个需求：根据一个单选框切换表格中的某些行是否显示，然后就出现了下面这个问题：
选择未办理时显示两个日期
选择已办理显示档案类型
对应的代码如下
可以看到在切换回来的时候 档案类型行和操作行被错误的复用成了之前”提醒日期“和”截止日期“的行。之后也是尝试了使用 v-show、在 <template /> 上做 v-if 等都没有解决。
这个问题其实是 el-table 的行做的一个复用优化，所以我们在写 el-table-column 的时候可以直接通过添加一个 key（是的，就是 v-for 用到的那个 key）来避免这种错误的复用：
在堆砌页面的时候遇到了一个需求：根据一个单选框切换表格中的某些行是否显示，然后就出现了下面这个问题： 对应的代码如...
问题 在 Webpack 5 + Vue 3 + Element Plus 工程下遇到如此错误： Element ...
错误1 Element type is invalid...: 错误描述:Element type is inva...
案例：（不使用key，删除时state会刷新，element会产生复用，删除时会导致最后一个element删除而不...
问题：使用click element关键字点击id为ngict-pm的元素，提示错误ElementClickInt...
可选类型,可选绑定,隐式解析,错误处理,断言
selenium常见错误之一为no such element，遇到此问题，排查方法如下： 检查定位方法是否有误，如...
问题 Q：（图片大小引起的错误） 在使用element-ui 的上传图片时，出现[object ProgressE...
今天在做转录组测序数据multiqc时，出现这个错误，反复用conda install multiqc 问题还是得...
1、Table Attributes row-key 2、Table-column Attributes rese...
本文标题：element 可选 table-column 的错误复用问题
本文链接：https://www.haomeiwen.com/subject/xfmnjktx.html
网友评论